safecheck-client 3.0.34-6 → 3.0.34-61

package/src/filiale/weinan/pc/CheckDetail.vue

@@ -1,278 +1,278 @@
-<template>
-  <div>
-    <criteria-paged :model="model" v-ref:paged>
-      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
-        <div partial>
-<!--          <p class="text-center" style="padding: 7px;"><b>安检计划项明细</b></p>-->
-          <ul class="nav nav-tabs">
-            <li role="presentation" class="active"><a style="	color: #5ac0d9 !important;">安检计划项明细</a></li>
-          </ul>
-            <div class="row">
-                <div class="form-group col-sm-4" >
-                    <label class="font_normal_body">安检状态</label>
-                    <v-select style="width:60% "
-                              class="select select_list"
-                              :value.sync="$parent.$parent.f_state"
-                              v-model="$parent.$parent.f_state"
-                              :options='$parent.$parent.checkState'
-                              placeholder='安检状态'
-                              close-on-select
-                              value-single
-                    >
-                    </v-select>
-                </div>
-                <div class="form-group col-sm-4" >
-                    <v-select style="width:60% "
-                              v-if="$parent.$parent.f_state=='未入户'"
-                              class="select select_list"
-                              :value.sync="$parent.$parent.f_noruhu"
-                              v-model="$parent.$parent.f_noruhu"
-                              :options='$parent.$parent.noChecks'
-                              placeholder='请选择状态'
-                              :multiple="true"
-                    >
-                    </v-select>
-                </div>
-                <div class="form-group col-sm-4 button-range" >
-                    <button class="button_search" style="margin-right: 10px"  @click="search()">查询</button>
-                    <export-excel-safe   :data="$parent.$parent.exportParameter"
-                                         :field="$parent.$parent.excelHeaders"
-                                         sqlurl="rs/logic/SafeExportExcel" sql-name="planItem"
-                                         template-name='安检计划明细' :choose-col="true">
-                    </export-excel-safe>
-                    <!--<export-excel-safe-->
-                    <!--:data="{condition: $parent.$parent.condition}"-->
-                    <!--:field="$parent.$parent.getfield"-->
-                    <!--sqlurl="rs/logic/saleExport" sql-name="getGasUser" :template-name="$parent.$parent.pricename+'气价使用人'"-->
-                    <!--:choose-col="true"></export-excel-safe>-->
-
-                </div>
-            </div>
-        </div>
-      </criteria>
-      <data-grid :model="model" partial='list' class="table_sy">
-
-        <template partial='head'>
-          <tr>
-            <th><nobr>计划名称</nobr></th>
-            <th><nobr>用户编号</nobr></th>
-            <th><nobr>用户名称</nobr></th>
-            <th><nobr>小区名称</nobr></th>
-            <th><nobr>地址</nobr></th>
-            <th><nobr>安检状态</nobr></th>
-            <th><nobr>是否安检</nobr></th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <td style="text-align: center"><nobr>{{row.f_plan_name}}</nobr></td>
-          <td style="text-align: center"><nobr>{{row.f_userinfo_code}}</nobr></td>
-          <td style="text-align: center"><nobr>{{row.f_user_name}}</nobr></td>
-          <td style="text-align: center"><nobr>{{row.f_residential_area}}</nobr></td>
-          <td style="text-align: center"><nobr>{{row.f_address}}</nobr></td>
-          <td style="text-align: center"><nobr>{{row.f_last_check_state}}</nobr></td>
-          <td style="text-align: center"><nobr>{{row.f_state}}</nobr></td>
-        </template>
-      </data-grid>
-    </criteria-paged>
-  </div>
-</template>
-
-<script>
-import { PagedList } from 'vue-client'
-
-export default {
-  title: '安检计划项列表',
-  data () {
-    return {
-        model: new PagedList('rs/sql/planItem', 20),
-        checkState:[{label:'全部',value:''},{label:'入户',value:'入户'},{label:'未入户',value:'未入户'}],
-        noChecks:[{label:'未检',value:'未检'},{label:'到访不遇',value:'到访不遇'},{label:'拒检',value:'拒检'},{label:'复访不遇',value:'复访不遇'}],
-        excelHeaders: {
-            //用户编号	用户名称	用户电话	安检次数	用户类型	小区名称	地址	安检日期	安检状态	安检结果
-            'f_plan_name':'计划名称',
-            'f_userinfo_code': '用户编号',
-            'f_user_name': '用户名称',
-            'f_user_phone': '用户电话',
-            //'count_item':'安检次数',
-            'f_user_type': '用户类型',
-            'f_residential_area': '小区名称',
-            'f_address':'地址',
-            'f_state':'是否已检',
-            'f_last_check_date':'安检日期',
-            'f_last_check_state': '安检状态'
-        },
-        f_state:'',
-        f_noruhu:''
-    }
-  },
-  props: [ 'check','checkstatus','checkstart','checkend','starttime','endtime' ],
-  watch: {
-    'check' (val) {
-      let condition
-      //tag
-      condition = `c.f_checker='${this.check.f_checker}' and i.f_state!='作废' and i.f_filialeid = '${this.$login.f.orgid}'`
-      if(this.checkstatus){
-        condition += ` and cp.f_entry_status = '${this.checkstatus}'`
-      }
-      if (this.checkstart && this.checkend ) {
-        let year1 = this.checkstart.substr(0,4)
-        let year2 = this.checkend.substr(0,4)
-        let month1 = this.checkstart.substr(5,2)
-        let month2 = this.checkend.substr(5,2)
-        if(year1 == year2){
-          condition += ` and f_plan_year = ${year1} and f_plan_month >= ${month1} and f_plan_month <= ${month2}`
-        }else{
-          condition += ` and ((f_plan_year = ${year1} and f_plan_month >= ${month1}) or (f_plan_year = ${year2} and f_plan_month <= ${month2}) or (f_plan_year >${year1} and f_plan_year < ${year2}))`
-        }
-      }
-      if(this.checkstart && !this.checkend){
-        this.$showMessage('计划起始和截至时间必须同时选择！')
-        return
-      }
-      if(!this.checkstart && this.checkend){
-        this.$showMessage('计划起始和截至时间必须同时选择！')
-        return
-      }
-      if(this.starttime){
-        condition += ` and f_last_check_date > '${this.starttime} 00:00:00'`
-      }
-      if(this.endtime){
-        condition += ` and f_last_check_date < '${this.endtime} 23:59:59'`
-      }
-        this.f_noruhu=[]
-        this.f_state=''
-        this.model.search(condition, {})
-
-    }
-  },
-
-  ready () {
-      //tag
-    if (this.check) {
-      let condition
-      //tag
-      condition = `c.f_checker='${this.check.f_checker}' and i.f_state!='作废' and i.f_filialeid = '${this.$login.f.orgid}'`
-      if(this.checkstatus){
-        condition += ` and cp.f_entry_status = '${this.checkstatus}'`
-      }
-      if (this.checkstart && this.checkend ) {
-        let year1 = this.checkstart.substr(0,4)
-        let year2 = this.checkend.substr(0,4)
-        let month1 = this.checkstart.substr(5,2)
-        let month2 = this.checkend.substr(5,2)
-        if(year1 == year2){
-          condition += ` and f_plan_year = ${year1} and f_plan_month >= ${month1} and f_plan_month <= ${month2}`
-        }else{
-          condition += ` and ((f_plan_year = ${year1} and f_plan_month >= ${month1}) or (f_plan_year = ${year2} and f_plan_month <= ${month2}) or (f_plan_year >${year1} and f_plan_year < ${year2}))`
-        }
-      }
-      if(this.checkstart && !this.checkend){
-        this.$showMessage('计划起始和截至时间必须同时选择！')
-        return
-      }
-      if(!this.checkstart && this.checkend){
-        this.$showMessage('计划起始和截至时间必须同时选择！')
-        return
-      }
-      if(this.starttime){
-        condition += ` and f_last_check_date > '${this.starttime} 00:00:00'`
-      }
-      if(this.endtime){
-        condition += ` and f_last_check_date < '${this.endtime} 23:59:59'`
-      }
-
-      this.model.search(condition, {})
-    }
-  },
-methods:{
-    selfSearch(args){
-      //
-        if (this.check) {
-                args.condition = `c.f_checker='${this.check.f_checker}' and i.f_state!='作废' and i.f_filialeid = '${this.$login.f.orgid}'`
-                if(this.checkstatus){
-                    args.condition += ` and cp.f_entry_status = '${this.checkstatus}'`
-                }
-          if (this.checkstart && this.checkend ) {
-            let year1 = this.checkstart.substr(0,4)
-            let year2 = this.checkend.substr(0,4)
-            let month1 = this.checkstart.substr(5,2)
-            let month2 = this.checkend.substr(5,2)
-            if(year1 == year2){
-              args.condition += ` and f_plan_year = ${year1} and f_plan_month >= ${month1} and f_plan_month <= ${month2}`
-            }else{
-              args.condition += ` and ((f_plan_year = ${year1} and f_plan_month >= ${month1}) or (f_plan_year = ${year2} and f_plan_month <= ${month2}) or (f_plan_year >${year1} and f_plan_year < ${year2}))`
-            }
-          }
-          if(this.checkstart && !this.checkend){
-            this.$showMessage('计划起始和截至时间必须同时选择！')
-            return
-          }
-          if(!this.checkstart && this.checkend){
-            this.$showMessage('计划起始和截至时间必须同时选择！')
-            return
-          }
-          if(this.starttime){
-            args.condition += ` and f_last_check_date > '${this.starttime} 00:00:00'`
-          }
-          if(this.endtime){
-            args.condition += ` and f_last_check_date < '${this.endtime} 23:59:59'`
-          }
-                //
-                if( this.f_state){
-                    if(this.f_state=='入户'){
-                        args.condition=args.condition+" and i.f_state='已检' and f_last_check_state='入户'"
-                    }else if(this.f_state=='未入户'){
-                        if(this.f_noruhu && this.f_noruhu.length==1){
-                          if(this.f_noruhu[0]=='复访不遇'){
-                            args.condition += "and i.f_state='已检' and f_last_check_state='到访不遇' and f_check_version > 1 "
-                          }else{
-                            args.condition += this.f_noruhu[0]=='未检'?" and i.f_state='未检'":` and i.f_state='已检' and f_last_check_state='${this.f_noruhu[0]}'`
-                          }
-                        }else if(this.f_noruhu && this.f_noruhu.length==2){
-                            if(this.f_noruhu.indexOf('未检')!=-1){
-                              //
-                                if(this.f_noruhu.indexOf('到访不遇')!=-1){
-                                    args.condition=args.condition+" and (i.f_state='未检' or (i.f_state='已检' and f_last_check_state='到访不遇'))"
-                                }else if(this.f_noruhu.indexOf('复访不遇')!=-1) {
-                                  args.condition=args.condition +  " and (i.f_state='未检' or (i.f_state='已检' and f_last_check_state = '到访不遇' AND f_check_version >2))"
-                                }else{
-                                    args.condition=args.condition+" and (i.f_state='未检' or (i.f_state='已检' and f_last_check_state='拒检'))"
-                                  }
-
-                            }else{
-                              if(this.f_noruhu.indexOf('复访不遇')!=-1){
-                                   if(this.f_noruhu.indexOf('到访不遇')!=-1){
-                                     args.condition=args.condition + "  and (i.f_state='已检' and (f_last_check_state='到访不遇'))"
-                                   }else{
-                                     args.condition=args.condition + " and i.f_state='已检' and ((f_last_check_state='到访不遇' and  f_check_version >2) or f_last_check_state='拒检' )"
-                                   }
-                              }else{
-                                args.condition=args.condition+" and (i.f_state='已检' and (f_last_check_state='到访不遇' or f_last_check_state='拒检'))"
-                              }
-                            }
-                        }else{
-                          if(this.f_noruhu.indexOf('未检')!=-1){
-                            args.condition=args.condition+" and (i.f_state='未检' or (i.f_state='已检' and (f_last_check_state='到访不遇' or f_last_check_state='拒检')))"
-                          }
-                           else{
-                            args.condition=args.condition+" and (i.f_state='已检' and (f_last_check_state='到访不遇' or f_last_check_state='拒检'))"
-                          }
-                        }
-
-                    }
-
-                }
-            this.model.search(args.condition, args.model)
-        }
-    }
-},
-    computed: {
-        // 导出到Excel的条件构造
-        exportParameter() {
-            return {
-                condition: this.$refs.paged.model.condition
-            }
-        }
-    },
-}
-</script>
+<template>
+  <div>
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
+        <div partial>
+<!--          <p class="text-center" style="padding: 7px;"><b>安检计划项明细</b></p>-->
+          <ul class="nav nav-tabs">
+            <li role="presentation" class="active"><a style="	color: #5ac0d9 !important;">安检计划项明细</a></li>
+          </ul>
+            <div class="row">
+                <div class="form-group col-sm-4" >
+                    <label class="font_normal_body">安检状态</label>
+                    <v-select style="width:60% "
+                              class="select select_list"
+                              :value.sync="$parent.$parent.f_state"
+                              v-model="$parent.$parent.f_state"
+                              :options='$parent.$parent.checkState'
+                              placeholder='安检状态'
+                              close-on-select
+                              value-single
+                    >
+                    </v-select>
+                </div>
+                <div class="form-group col-sm-4" >
+                    <v-select style="width:60% "
+                              v-if="$parent.$parent.f_state=='未入户'"
+                              class="select select_list"
+                              :value.sync="$parent.$parent.f_noruhu"
+                              v-model="$parent.$parent.f_noruhu"
+                              :options='$parent.$parent.noChecks'
+                              placeholder='请选择状态'
+                              :multiple="true"
+                    >
+                    </v-select>
+                </div>
+                <div class="form-group col-sm-4 button-range" >
+                    <button class="button_search" style="margin-right: 10px"  @click="search()">查询</button>
+                    <export-excel-safe   :data="$parent.$parent.exportParameter"
+                                         :field="$parent.$parent.excelHeaders"
+                                         sqlurl="rs/logic/SafeExportExcel" sql-name="planItem"
+                                         template-name='安检计划明细' :choose-col="true">
+                    </export-excel-safe>
+                    <!--<export-excel-safe-->
+                    <!--:data="{condition: $parent.$parent.condition}"-->
+                    <!--:field="$parent.$parent.getfield"-->
+                    <!--sqlurl="rs/logic/saleExport" sql-name="getGasUser" :template-name="$parent.$parent.pricename+'气价使用人'"-->
+                    <!--:choose-col="true"></export-excel-safe>-->
+
+                </div>
+            </div>
+        </div>
+      </criteria>
+      <data-grid :model="model" partial='list' class="table_sy">
+
+        <template partial='head'>
+          <tr>
+            <th><nobr>计划名称</nobr></th>
+            <th><nobr>用户编号</nobr></th>
+            <th><nobr>用户名称</nobr></th>
+            <th><nobr>小区名称</nobr></th>
+            <th><nobr>地址</nobr></th>
+            <th><nobr>安检状态</nobr></th>
+            <th><nobr>是否安检</nobr></th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <td style="text-align: center"><nobr>{{row.f_plan_name}}</nobr></td>
+          <td style="text-align: center"><nobr>{{row.f_userinfo_code}}</nobr></td>
+          <td style="text-align: center"><nobr>{{row.f_user_name}}</nobr></td>
+          <td style="text-align: center"><nobr>{{row.f_residential_area}}</nobr></td>
+          <td style="text-align: center"><nobr>{{row.f_address}}</nobr></td>
+          <td style="text-align: center"><nobr>{{row.f_last_check_state}}</nobr></td>
+          <td style="text-align: center"><nobr>{{row.f_state}}</nobr></td>
+        </template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+import { PagedList } from 'vue-client'
+
+export default {
+  title: '安检计划项列表',
+  data () {
+    return {
+        model: new PagedList('rs/sql/planItem', 20),
+        checkState:[{label:'全部',value:''},{label:'入户',value:'入户'},{label:'未入户',value:'未入户'}],
+        noChecks:[{label:'未检',value:'未检'},{label:'到访不遇',value:'到访不遇'},{label:'拒检',value:'拒检'},{label:'复访不遇',value:'复访不遇'}],
+        excelHeaders: {
+            //用户编号	用户名称	用户电话	安检次数	用户类型	小区名称	地址	安检日期	安检状态	安检结果
+            'f_plan_name':'计划名称',
+            'f_userinfo_code': '用户编号',
+            'f_user_name': '用户名称',
+            'f_user_phone': '用户电话',
+            //'count_item':'安检次数',
+            'f_user_type': '用户类型',
+            'f_residential_area': '小区名称',
+            'f_address':'地址',
+            'f_state':'是否已检',
+            'f_last_check_date':'安检日期',
+            'f_last_check_state': '安检状态'
+        },
+        f_state:'',
+        f_noruhu:''
+    }
+  },
+  props: [ 'check','checkstatus','checkstart','checkend','starttime','endtime' ],
+  watch: {
+    'check' (val) {
+      let condition
+      //tag
+      condition = `c.f_checker='${this.check.f_checker}' and i.f_state!='作废' and i.f_filialeid = '${this.$login.f.orgid}'`
+      if(this.checkstatus){
+        condition += ` and cp.f_entry_status = '${this.checkstatus}'`
+      }
+      if (this.checkstart && this.checkend ) {
+        let year1 = this.checkstart.substr(0,4)
+        let year2 = this.checkend.substr(0,4)
+        let month1 = this.checkstart.substr(5,2)
+        let month2 = this.checkend.substr(5,2)
+        if(year1 == year2){
+          condition += ` and f_plan_year = ${year1} and f_plan_month >= ${month1} and f_plan_month <= ${month2}`
+        }else{
+          condition += ` and ((f_plan_year = ${year1} and f_plan_month >= ${month1}) or (f_plan_year = ${year2} and f_plan_month <= ${month2}) or (f_plan_year >${year1} and f_plan_year < ${year2}))`
+        }
+      }
+      if(this.checkstart && !this.checkend){
+        this.$showMessage('计划起始和截至时间必须同时选择！')
+        return
+      }
+      if(!this.checkstart && this.checkend){
+        this.$showMessage('计划起始和截至时间必须同时选择！')
+        return
+      }
+      if(this.starttime){
+        condition += ` and f_last_check_date > '${this.starttime} 00:00:00'`
+      }
+      if(this.endtime){
+        condition += ` and f_last_check_date < '${this.endtime} 23:59:59'`
+      }
+        this.f_noruhu=[]
+        this.f_state=''
+        this.model.search(condition, {})
+
+    }
+  },
+
+  ready () {
+      //tag
+    if (this.check) {
+      let condition
+      //tag
+      condition = `c.f_checker='${this.check.f_checker}' and i.f_state!='作废' and i.f_filialeid = '${this.$login.f.orgid}'`
+      if(this.checkstatus){
+        condition += ` and cp.f_entry_status = '${this.checkstatus}'`
+      }
+      if (this.checkstart && this.checkend ) {
+        let year1 = this.checkstart.substr(0,4)
+        let year2 = this.checkend.substr(0,4)
+        let month1 = this.checkstart.substr(5,2)
+        let month2 = this.checkend.substr(5,2)
+        if(year1 == year2){
+          condition += ` and f_plan_year = ${year1} and f_plan_month >= ${month1} and f_plan_month <= ${month2}`
+        }else{
+          condition += ` and ((f_plan_year = ${year1} and f_plan_month >= ${month1}) or (f_plan_year = ${year2} and f_plan_month <= ${month2}) or (f_plan_year >${year1} and f_plan_year < ${year2}))`
+        }
+      }
+      if(this.checkstart && !this.checkend){
+        this.$showMessage('计划起始和截至时间必须同时选择！')
+        return
+      }
+      if(!this.checkstart && this.checkend){
+        this.$showMessage('计划起始和截至时间必须同时选择！')
+        return
+      }
+      if(this.starttime){
+        condition += ` and f_last_check_date > '${this.starttime} 00:00:00'`
+      }
+      if(this.endtime){
+        condition += ` and f_last_check_date < '${this.endtime} 23:59:59'`
+      }
+
+      this.model.search(condition, {})
+    }
+  },
+methods:{
+    selfSearch(args){
+      //
+        if (this.check) {
+                args.condition = `c.f_checker='${this.check.f_checker}' and i.f_state!='作废' and i.f_filialeid = '${this.$login.f.orgid}'`
+                if(this.checkstatus){
+                    args.condition += ` and cp.f_entry_status = '${this.checkstatus}'`
+                }
+          if (this.checkstart && this.checkend ) {
+            let year1 = this.checkstart.substr(0,4)
+            let year2 = this.checkend.substr(0,4)
+            let month1 = this.checkstart.substr(5,2)
+            let month2 = this.checkend.substr(5,2)
+            if(year1 == year2){
+              args.condition += ` and f_plan_year = ${year1} and f_plan_month >= ${month1} and f_plan_month <= ${month2}`
+            }else{
+              args.condition += ` and ((f_plan_year = ${year1} and f_plan_month >= ${month1}) or (f_plan_year = ${year2} and f_plan_month <= ${month2}) or (f_plan_year >${year1} and f_plan_year < ${year2}))`
+            }
+          }
+          if(this.checkstart && !this.checkend){
+            this.$showMessage('计划起始和截至时间必须同时选择！')
+            return
+          }
+          if(!this.checkstart && this.checkend){
+            this.$showMessage('计划起始和截至时间必须同时选择！')
+            return
+          }
+          if(this.starttime){
+            args.condition += ` and f_last_check_date > '${this.starttime} 00:00:00'`
+          }
+          if(this.endtime){
+            args.condition += ` and f_last_check_date < '${this.endtime} 23:59:59'`
+          }
+                //
+                if( this.f_state){
+                    if(this.f_state=='入户'){
+                        args.condition=args.condition+" and i.f_state='已检' and i.f_last_check_state='入户'"
+                    }else if(this.f_state=='未入户'){
+                        if(this.f_noruhu && this.f_noruhu.length==1){
+                          if(this.f_noruhu[0]=='复访不遇'){
+                            args.condition += "and i.f_state='已检' and i.f_last_check_state='到访不遇' and i.f_check_version > 1 "
+                          }else{
+                            args.condition += this.f_noruhu[0]=='未检'?" and i.f_state='未检'":` and i.f_state='已检' and i.f_last_check_state='${this.f_noruhu[0]}'`
+                          }
+                        }else if(this.f_noruhu && this.f_noruhu.length==2){
+                            if(this.f_noruhu.indexOf('未检')!=-1){
+                              //
+                                if(this.f_noruhu.indexOf('到访不遇')!=-1){
+                                    args.condition=args.condition+" and (i.f_state='未检' or (i.f_state='已检' and i.f_last_check_state='到访不遇'))"
+                                }else if(this.f_noruhu.indexOf('复访不遇')!=-1) {
+                                  args.condition=args.condition +  " and (i.f_state='未检' or (i.f_state='已检' and i.f_last_check_state = '到访不遇' AND i.f_check_version >2))"
+                                }else{
+                                    args.condition=args.condition+" and (i.f_state='未检' or (i.f_state='已检' and i.f_last_check_state='拒检'))"
+                                  }
+
+                            }else{
+                              if(this.f_noruhu.indexOf('复访不遇')!=-1){
+                                   if(this.f_noruhu.indexOf('到访不遇')!=-1){
+                                     args.condition=args.condition + "  and (i.f_state='已检' and (i.f_last_check_state='到访不遇'))"
+                                   }else{
+                                     args.condition=args.condition + " and i.f_state='已检' and ((i.f_last_check_state='到访不遇' and  f_check_version >2) or i.f_last_check_state='拒检' )"
+                                   }
+                              }else{
+                                args.condition=args.condition+" and (i.f_state='已检' and (i.f_last_check_state='到访不遇' or i.f_last_check_state='拒检'))"
+                              }
+                            }
+                        }else{
+                          if(this.f_noruhu.indexOf('未检')!=-1){
+                            args.condition=args.condition+" and (i.f_state='未检' or (i.f_state='已检' and (i.f_last_check_state='到访不遇' or i.f_last_check_state='拒检')))"
+                          }
+                           else{
+                            args.condition=args.condition+" and (i.f_state='已检' and (i.f_last_check_state='到访不遇' or i.f_last_check_state='拒检'))"
+                          }
+                        }
+
+                    }
+
+                }
+            this.model.search(args.condition, args.model)
+        }
+    }
+},
+    computed: {
+        // 导出到Excel的条件构造
+        exportParameter() {
+            return {
+                condition: this.$refs.paged.model.condition
+            }
+        }
+    },
+}
+</script>