system-phone 1.4.0 → 3.0.2

package/src/components/screen/WorkOrderRightDownItem.vue

@@ -0,0 +1,103 @@
+<template>
+    <div class="down-item-base">
+      <div class="item-left">
+        <div class="item-sign"></div>
+        <div class="item-content" :style="{'background-image': 'linear-gradient(to right, rgba('+contentBg[0]+','+contentBg[1]+ ','+contentBg[2]+'), rgba(0,65,146,0))'}">
+          <div class="title">{{downItemData.title}}</div>
+          <div class="number">{{downItemData.number}}</div>
+        </div>
+      </div>
+      <div class="item-right">
+        <div class="name">{{downItemData.name}}</div>
+        <div class="percentage">{{downItemData.percentage}}</div>
+      </div>
+    </div>
+</template>
+
+<script>
+    export default {
+      title: "WorkOrderRightDownItem",
+      props:{
+        downItemData:{
+          type:Object,
+          default:{
+            title:'月度工单量',
+            number:145784,
+            name:'日环比',
+            percentage:'+44.18%'
+          }
+        },
+        contentBg:{
+          type: Array,
+          default: [9,40,115]
+        }
+      }
+    }
+</script>
+
+<style lang="less" scoped>
+  .down-item-base{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    .item-left{
+      width: 55%;
+      height: 100%;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      .item-sign{
+        width: 1%;
+        height: 100%;
+        background: #00FFE5;
+      }
+     .item-content{
+       width: 99%;
+       height: 100%;
+       background-image: linear-gradient(to right, rgb(67,51,77), rgba(0,65,146,0));
+       display: flex;
+       flex-direction: row;
+       justify-content: center;
+       align-items: center;
+       color: #fff;
+       .title{
+         font-size: vw(14);
+         margin-left: 2%;
+         width: 49%;
+         height: 60%;
+       }
+       .number{
+         width: 49%;
+         height: 60%;
+         font-size: vw(16);
+       }
+     }
+    }
+    .item-right{
+      width: 45%;
+      height: 100%;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-around;
+      align-items: center;
+      .name{
+        font-size: vw(14);
+        width: 46%;
+        height: 60%;
+        text-align: right;
+        color: #fff;
+      }
+      .percentage{
+        font-size: vw(16);
+        text-align: left;
+        width: 46%;
+        height: 60%;
+        color: #ff5777;
+      }
+    }
+  }
+</style>

package/src/components/screen/WorkOrderRightItem.vue

@@ -0,0 +1,115 @@
+<template>
+    <div class="right-item-base">
+      <div class="title">{{dealData.title}}</div>
+      <div class="number" v-if="dealData.title !== '完成率'">{{dealData.number}}</div>
+      <div class="number" v-if="dealData.title === '完成率'" :style="{'color': color}">{{dealData.number}}%</div>
+      <div class="icon" :style="{'background':'url('+ dealIcon +') no-repeat','background-size':'100% 100%'}"></div>
+    </div>
+</template>
+
+<script>
+    export default {
+      title: "WorkOrderRightItem",
+      props:{
+        dealIcon:{
+          default:require('src/assets/images/客服待处理.png')
+        },
+        dealData:{
+          type:Object,
+          default:{
+            title:'待处理',
+            number:65
+          }
+        },
+        color:{
+          type:String,
+          default:'#fff'
+        }
+      }
+    }
+</script>
+
+<style lang="less" scoped>
+  .right-item-base{
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background-image: linear-gradient(to top, rgb(13,40,106), rgba(0,65,146,0));
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    text-align: center;
+    color: #fff;
+    .title{
+      font-size: vw(14);
+      width: 100%;
+      height: 20%;
+    }
+    .number{
+      font-size: vw(16);
+      width: 100%;
+      height: 20%;
+    }
+    .icon{
+      width: 30%;
+      height: 17%;
+      background: url("/src/assets/images/客服待处理.png") no-repeat;
+      background-size: 100% 100%;
+    }
+    &::before {
+      position: absolute;
+      top: 0;
+      right: 0;
+      content: "";
+      width: vw(10);
+      height: vh(10);
+      border-top: vw(2) solid #02a6b5;
+      border-right: vw(2) solid #02a6b5;
+    }
+    &::after {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      content: "";
+      width: vw(10);
+      height: vh(10);
+      border-bottom: vw(2) solid #02a6b5;
+      border-left: vw(2) solid #02a6b5;
+    }
+  }
+  .work-order-right{
+    width: 49.3%;
+    height: 100%;
+    background: rgba(255,255,255,.05);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    .right-up{
+      width: 90%;
+      height: 44%;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      .up-item{
+        width: 23%;
+        height: 90%;
+      }
+    }
+    .right-down{
+      width: 90%;
+      height: 40%;
+      margin-bottom: 4%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      align-items: center;
+      .down-item{
+        width: 100%;
+        height: 25%;
+      }
+    }
+  }
+</style>

package/src/components/userinfo/paymentQuery.vue

@@ -0,0 +1,189 @@
+<style scoped>
+  .bg {
+    background-color: blue;
+    height: 1px;
+    border: 0;
+  }
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+  }
+  .search_input {
+    border: 0;
+    outline: none;
+  }
+  .font{
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+  .input-font{
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+  .btn-font{
+    font:600 16px PingFang-SC-Bold;
+    color: #499EDF;
+  }
+  .btn-color{
+    background-color: #FFFFFF;
+    border-radius: 10px ;
+    border: 1px solid #499EDF;
+  }
+  .app-text {
+    font-size: 12px;
+  }
+  .panel-self{
+    border-radius: 10px;
+    border:1px solid #499EDF;
+    background-color: #F8F8F8;
+  }
+  .yybtn-color{
+    background-color:#499edf;
+    border-radius: 4px ;
+    border: 1px solid #499EDF;
+    color: #FFFFFF;
+    font: 14px PingFang-SC-Bold;
+  }
+  .qxbtn-color{
+    background-color: #FFFFFF;
+    border-radius: 4px ;
+    color: #499edf;
+    font: 14px PingFang-SC-Bold;
+    border: 1px solid #499EDF;
+  }
+</style>
+
+<template>
+  <div class="auto">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+        <div partial>
+          <form>
+            <div class="auto repair-info-content compatible">
+              <div class="row app-row" >
+                <div class="col-xs-6 col-sm-6 col-md-6 form-input-group mg8">
+                  <input type="text" class="form-control"
+                         placeholder="请输入用户id" v-model="model.f_userinfo_id" condition="  b.f_userinfo_id = '{}'"
+                  />
+                </div>
+                <div class="col-xs-6  col-sm-6 col-md-6 form-input-group mg8">
+                  <input type="text" class="form-control"
+                         placeholder="请输入用户名称" v-model="model.f_user_name" condition="  b.f_user_name like '%{}%'"
+                  />
+                </div>
+              </div>
+              <div class="row app-row" >
+                <div class="col-xs-8 col-sm-8 col-md-8 form-input-group mg8">
+                  <datepicker id="startDate" placeholder="开始日期" style="width:60%"
+                              v-model="model.startDate"
+                              :value.sync="model.startDate"
+                              :format="'yyyy-MM-dd'"
+                              :show-reset-button="true"
+                              condition="a.f_operate_date >='{} 00:00:00'">
+                  </datepicker>
+                </div>
+                <div class="col-xs-8 col-sm-8 col-md-8 form-input-group mg8">
+                  <datepicker id="endDate" placeholder="结束日期" style="width:60%"
+                              v-model="model.endDate"
+                              :value.sync="model.endDate"
+                              :format="'yyyy-MM-dd'"
+                              :show-reset-button="true"
+                              condition="a.f_operate_date <='{} 23:59:59'">
+                  </datepicker>
+                </div>
+              </div>
+              <div class="row text-center" style="margin-top: 20px;">
+                <button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="$parent.$parent.selfSearch">查询</button>
+              </div>
+              <div style="height:30px;"></div>
+            </div>
+          </form>
+        </div>
+      </criteria>
+      <list :model="model" partial='list'>
+        <div partial>
+          <div  class="auto app-text" style="margin-top: 5px;">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self">
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户编号</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_userinfo_id }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户名称</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_user_name }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">上次金额</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_balance }}
+                  </p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">实收金额</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_collection }}
+                  </p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">本次金额</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_curbalance }}
+                  </p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">缴费方式</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_cost_type }}
+                  </p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">缴费日期</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_operate_date }}
+                  </p>
+                </div>
+
+              </div>
+            </div>
+          </div>
+        </div>
+      </list>
+    </criteria-paged>
+
+  </div>
+</template>
+
+<script>
+
+  import Vue from 'vue'
+  import { PagedList } from 'vue-client'
+
+
+  export default {
+    title: '缴费查询',
+    data() {
+      return {
+
+        model:  new PagedList( 'rs/sql/payment_query',3,{condition:'this.condition'}),
+        showModal: false,
+        param: null,
+      }
+    },
+    ready(){
+      //   this.selfSearch()
+    },
+    methods: {
+      search(args) {
+        this.model.rows = []
+        this.model.search(args.condition, args.model)
+      },
+      selfSearch () {
+        let condition = "1=1"
+        if(this.$refs.paged.$refs.cri.model.f_userinfo_id)
+          condition += " and b.f_userinfo_id = '"+this.$refs.paged.$refs.cri.model.f_userinfo_id+"'"
+        if(this.$refs.paged.$refs.cri.model.f_user_name)
+          condition += " and b.f_user_name like  '%"+this.$refs.paged.$refs.cri.model.f_user_name+"%'"
+        if(this.$refs.paged.$refs.cri.model.f_operate_date)
+          condition += " and a.f_operate_date  >='"+this.$refs.paged.$refs.cri.model.startDate+"' and a.f_operate_date <='"+this.$refs.paged.$refs.cri.model.endDate+"'"
+        this.model.search(condition);
+      },
+    }
+  }
+</script>

package/src/components/userinfo/queryFile.vue

@@ -0,0 +1,190 @@
+<style scoped>
+  .bg {
+    background-color: blue;
+    height: 1px;
+    border: 0;
+  }
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+  }
+  .search_input {
+    border: 0;
+    outline: none;
+  }
+  .font{
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+  .input-font{
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+  .btn-font{
+    font:600 16px PingFang-SC-Bold;
+    color: #499EDF;
+  }
+  .btn-color{
+    background-color: #FFFFFF;
+    border-radius: 10px ;
+    border: 1px solid #499EDF;
+  }
+  .app-text {
+    font-size: 12px;
+  }
+  .panel-self{
+    border-radius: 10px;
+    border:1px solid #499EDF;
+    background-color: #F8F8F8;
+  }
+  .yybtn-color{
+    background-color:#499edf;
+    border-radius: 4px ;
+    border: 1px solid #499EDF;
+    color: #FFFFFF;
+    font: 14px PingFang-SC-Bold;
+  }
+  .qxbtn-color{
+    background-color: #FFFFFF;
+    border-radius: 4px ;
+    color: #499edf;
+    font: 14px PingFang-SC-Bold;
+    border: 1px solid #499EDF;
+  }
+</style>
+
+<template>
+  <div class="auto">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+        <div partial>
+          <form>
+            <div class="auto repair-info-content compatible">
+            <div class="row app-row">
+              <div class="col-xs-4 col-sm-4 col-md-4 form-input-group mg8">
+                <input type="text" class="form-control"
+                       placeholder="用户id" v-model="model.f_userinfo_id" condition="  b.f_userinfo_id = '{}'"
+                />
+              </div>
+              <div class="col-xs-4 col-sm-4 col-md-4 form-input-group mg8">
+
+                <input type="text" class="form-control"
+                       placeholder="用户名称" v-model="model.f_user_name" condition="  b.f_user_name like '%{}%'"
+                />
+              </div>
+              <div class="col-xs-4 col-sm-4 col-md-4 form-input-group mg8">
+                <input type="text" class="form-control"
+                       placeholder="住址" v-model="model.f_address"  condition="  c.f_address like '%{}%'"
+                >
+              </div>
+              <div class="col-xs-4 col-sm-4 col-md-4 form-input-group mg8">
+                <input type="text" class="form-control"
+                       placeholder="手机号" v-model="model.f_user_phone"condition="  b.f_user_phone = '{}'"
+                >
+              </div>
+              <div class="col-xs-6 col-sm-6 col-md-6 form-input-group mg8">
+                <v-select placeholder="选择类型"
+                          :value.sync="model.f_user_type"
+                          v-model="model.f_user_type"
+                          :options="$parent.$parent.option"
+                          :value-single="true"  condition=" a.f_user_type = '{}'"
+                          close-on-select>
+                </v-select>
+              </div>
+            </div>
+            <div class="row text-center" style="margin-top: 20px;">
+              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="$parent.$parent.selfSearch">查询</button>
+            </div>
+            <div style="height:30px;"></div>
+            </div>
+          </form>
+        </div>
+      </criteria>
+      <list :model="model" partial='list'>
+        <div partial>
+          <div  class="auto app-text" style="margin-top: 5px;">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self">
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户编号</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_userinfo_id }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户名称</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_user_name }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户类型</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_user_type }}
+                  </p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户住址</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_address }}
+                  </p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户电话</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_user_phone }}
+                  </p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">开户时间</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_open_date }}
+                  </p>
+                </div>
+
+
+              </div>
+            </div>
+          </div>
+        </div>
+      </list>
+    </criteria-paged>
+
+  </div>
+</template>
+
+<script>
+
+  import Vue from 'vue'
+  import { PagedList } from 'vue-client'
+
+
+  export default {
+    title: '档案查询',
+    data() {
+      return {
+        option:[{label:"民用",value:"民用"},{label: "非民用",value:"非民用"},],
+        model:  new PagedList( 'rs/sql/query_file',3,{condition:'this.condition'}),
+        showModal: false,
+        param: null,
+      }
+    },
+    ready(){
+      //   this.selfSearch()
+    },
+    methods: {
+      search(args) {
+        this.model.rows = []
+        this.model.search(args.condition, args.model)
+      },
+      selfSearch () {
+        let condition = "1=1"
+        if(this.$refs.paged.$refs.cri.model.f_userinfo_id)
+          condition += " and b.f_userinfo_id = '"+this.$refs.paged.$refs.cri.model.f_userinfo_id+"'"
+        if(this.$refs.paged.$refs.cri.model.f_user_name)
+          condition += " and b.f_user_name like  '%"+this.$refs.paged.$refs.cri.model.f_user_name+"%'"
+        if(this.$refs.paged.$refs.cri.model.f_address)
+          condition += " and c.f_address like  '%"+this.$refs.paged.$refs.cri.model.f_address+"%'"
+        if(this.$refs.paged.$refs.cri.model.f_user_phone)
+          condition += " and b.f_user_phone =   '"+this.$refs.paged.$refs.cri.model.f_user_phone+"'"
+        if(this.$refs.paged.$refs.cri.model.f_user_type)
+          condition += " and a.f_user_type =   '"+this.$refs.paged.$refs.cri.model.f_user_type+"'"
+
+        this.model.search(condition);
+      },
+    }
+  }
+</script>

package/src/components/wasm.vue

@@ -1,18 +1,18 @@
-<template>
-  <span>
-      <button onClick="run();" id="runButton" disabled>Run</button></span>
-  <button type="button" id="saveResult" onclick="saveResult(url,myjson)">保存</button>
-  <canvas id="mycanvas" width="1000px" height="550px" draggable="true">
-
-  </canvas>
-</template>
-
-<script>
-  export default {
-    title: 'test'
-  }
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <span>
+      <button onClick="run();" id="runButton" disabled>Run</button></span>
+  <button type="button" id="saveResult" onclick="saveResult(url,myjson)">保存</button>
+  <canvas id="mycanvas" width="1000px" height="550px" draggable="true">
+
+  </canvas>
+</template>
+
+<script>
+  export default {
+    title: 'test'
+  }
+</script>
+
+<style scoped>
+
+</style>