{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./src/views/inquiry-mailbox/Main.vue?2c73","webpack:///./src/components/reply-modal/Main.vue?9bb7","webpack:///./src/cloudfun/components/CheckBoxList.vue?4d9c","webpack:///./src/components/reply-modal/Main.vue?0fd9","webpack:///./src/cloudfun/components/CheckBoxList.vue","webpack:///./src/cloudfun/components/CheckBoxList.vue?322a","webpack:///./src/cloudfun/components/CheckBoxList.vue?75d3","webpack:///./src/views/inquiry-mailbox/Main.vue","webpack:///./src/views/inquiry-mailbox/Main.vue?1840","webpack:///./src/views/inquiry-mailbox/Main.vue?1c8a","webpack:///./src/components/reply-modal/Main.vue","webpack:///./src/components/reply-modal/Main.vue?d469"],"names":["$","$values","values","target","stat","O","components","Grid","CheckBoxList","ReplyModal","setup","model","current","grid","data","currentRow","printColumns","field","rowClassName","row","rowIndex","isRead","gridOptions","id","title","multiselect","canUpdate","canDelete","canRead","canCreate","toolbarConfig","custom","refresh","printConfig","sheetName","columns","modes","exportConfig","filename","type","types","mode","align","showHeaderOverflow","showOverflow","sortable","width","editRender","name","immediate","attrs","formatter","cellValue","Date","format","minWidth","slots","default","promises","query","params","dispatch","pageSize","page","result","undefined","modalConfig","showFooter","formOptions","titleWidth","titleAlign","items","span","itemRender","props","placeholder","clearable","rules","Name","required","permissionItems","permission","GroupName","group","find","e","push","order","value","Value","Order","Object","enums","SystemPermission","sort","a","b","editRow","messageId","entity","methods","hideBatchDropDown","cash","dropdown","showIcon","console","log","texts","include","i","length","item","indexOf","auth","emits","getAuth","then","response","status","payload","send","subject","content","message","catch","error","reply","reset","submitReply","consultationID","emit","formatDate","imageUrl","showtextCotent","removeClass","addClass","hidetextCotent","class","read-only","readOnly","filter","groupIndex","key","caption","onSelectAllButtonClick","checked","itemCount","selectedCount","disabled","itemIndex","style","itemWidthPercentage","selectedValues","onChange","for","index","String","modelValue","Array","cell","columnCount","Number","Boolean","all","groupItem","this","forEach","isArray","subItems","includes","allSelected","map","silent","$emit","setValue","created","watch","render","__scopeId","ref","href","data-toggle","data-target","filter-name","column","$panel","filters","option","changeFilterEvent","event","label","data-dismiss","src","alt","product","no","createdTime","buyer","replace","file","archiveID","replies","user","contact_Title"],"mappings":"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","file":"js/chunk-19ecceed.9ff35198.js","sourcesContent":["var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.es/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\n","\nimport CloudFun, { computed, defineComponent, ref } from \"@cloudfun/core\";\nimport Grid, { GridOptions } from \"@/cloudfun/components/Grid.vue\";\nimport { VxeFormProps, VxeTablePropTypes } from \"vxe-table\";\nimport CheckBoxList from \"@/cloudfun/components/CheckBoxList.vue\";\nimport ReplyModal from \"@/components/reply-modal/Main.vue\";\nimport formatDate from \"xe-utils/toDateString\";\nimport dayjs from \"dayjs\";\nexport default defineComponent({\n  components: {\n    Grid,\n    CheckBoxList,\n    ReplyModal\n  },\n  setup() {\n    const model = CloudFun.current?.model;\n    const grid = ref<any>({});\n    const data = ref<any>({});\n    const currentRow = ref<any>({});\n    var printColumns = [{ field: \"Name\" }, { field: \"Description\" }];\n\n    const rowClassName: VxeTablePropTypes.RowClassName = ({\n      row,\n      rowIndex\n    }) => {\n      //console.log(row)\n      if (!row.isRead) {\n        return \"text-theme-10 font-bold\";\n      }\n      return null;\n    };\n\n    const gridOptions: GridOptions = {\n      id: \"inquiry\",\n      title: \"洽詢信箱\",\n      rowClassName: rowClassName,\n      multiselect: false,\n      canUpdate: false,\n      canDelete: false,\n      canRead: false,\n      canCreate: false,\n      toolbarConfig: {\n        custom: true,\n        refresh: true\n      },\n      printConfig: {\n        sheetName: \"洽詢信箱\",\n        columns: printColumns,\n        modes: [\"current\", \"selected\", \"all\"]\n      },\n      exportConfig: {\n        filename: \"洽詢信箱\",\n        type: \"csv\",\n        types: [\"html\", \"csv\"],\n        mode: \"all\",\n        modes: [\"current\", \"selected\", \"all\"],\n        columns: printColumns\n      },\n      columns: [\n        {\n          field: \"lastUpdateTime\",\n          title: \"時間\",\n          align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          width: 250,\n          editRender: {\n            name: \"$input\",\n            immediate: true,\n            attrs: { type: \"text\" }\n          },\n          formatter: ({ cellValue }) =>\n            dayjs(new Date(cellValue)).format(\"YYYY/MM/DD HH:mm\")\n        },\n        {\n          field: \"title\",\n          title: \"標題\",\n          align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          minWidth: 200,\n          // editRender: {\n          //   name: \"$input\",\n          //   immediate: true,\n          //   attrs: { type: \"text\" }\n          // },\n          slots: { default: \"title\" }\n        },\n        {\n          field: \"name\",\n          title: \"寄件者\",\n          align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          width: 200,\n          editRender: {\n            name: \"$input\",\n            immediate: true,\n            attrs: { type: \"text\" }\n          }\n        },\n        // {\n        //   field: 'times',\n        //   title: '洽談次數',\n        //    align: \"center\",\n        //   showHeaderOverflow: true,\n        //   showOverflow: true,\n        //   sortable: false,\n        //   editRender: {\n        //     name: '$input',\n        //     immediate: true,\n        //     attrs: { type: 'text' }\n        //   },\n        // },\n        {\n          field: \"status\",\n          title: \"狀態\",\n          align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          width: 150,\n          editRender: {\n            name: \"$input\",\n            immediate: true,\n            attrs: { type: \"text\" }\n          }\n          //formatter: ({ cellValue }) => (cellValue ? \"已讀\" : \"新留言\")\n        }\n        // {\n        //   field: \"reply\",\n        //   title: \"回覆\",\n        //   align: \"center\",\n        //   fixed: \"right\",\n        //   resizable: false,\n        //   slots: { default: \"reply\" }\n        // }\n      ],\n      promises: {\n        query: model\n          ? async params => {\n              //console.log(params.pageSize, params.page)\n              var result = await model.dispatch(\"message/query\", {\n                pageSize: params.pageSize,\n                page: params.page\n              });\n              // console.log(result);\n              return result;\n            }\n          : undefined\n        // queryAll: model ? () => model.dispatch(\"message/query\") : undefined,\n        //   query: () => {\n        //     return new Promise((resolve, reject) => {\n        //       setTimeout(() => {\n        //         resolve({\n        //           \"data\":[\n        //             {\n        //               id: 1,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"XX-小花\",\n        //               times: \"3\",\n        //               state: \"新留言\",\n        //             },\n        //             {\n        //               id: 2,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"Jasper\",\n        //               times: \"1\",\n        //               state: \"新留言\",\n        //               isRead: true,\n        //             },\n        //             {\n        //               id: 3,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"買家真實姓名\",\n        //               times: \"2\",\n        //               state: \"新留言\",\n        //             },\n        //             {\n        //               id: 4,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"Susan\",\n        //               times: \"5\",\n        //               state: \"已讀\",\n        //               isRead: true,\n        //             },\n        //             {\n        //               id: 5,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"買家暱稱\",\n        //               times: \"1\",\n        //               state: \"已讀\",\n        //             },\n        //           ],\n        //           \"totalCount\":1,\n        //         });\n        //       }, 100);\n        //     });\n        //   },\n      },\n      modalConfig: { showFooter: true }\n    };\n\n    const formOptions: VxeFormProps = {\n      titleWidth: 60,\n      titleAlign: \"right\",\n      items: [\n        {\n          field: \"date\",\n          title: \"時間\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        },\n        {\n          field: \"product\",\n          title: \"詢問產品\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        },\n        {\n          field: \"buyer\",\n          title: \"洽詢買家\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        },\n        {\n          field: \"times\",\n          title: \"洽談次數\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        },\n        {\n          field: \"state\",\n          title: \"狀態\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        }\n      ],\n      rules: {\n        Name: [{ type: \"string\", required: true }]\n      }\n    };\n\n    const permissionItems = computed(() => {\n      const items: any[] = [];\n      for (const permission of Object.values(\n        model?.enums.SystemPermission || {}\n      )) {\n        if (permission.GroupName != null) {\n          let group = items.find(e => e.name === permission.GroupName);\n          if (!group)\n            items.push(\n              (group = { name: permission.GroupName, items: [], order: 0 })\n            );\n          group.items.push({\n            name: permission.Name,\n            value: permission.Value,\n            order: permission.Order\n          });\n          if (group.order < permission.Order) group.order = permission.Order;\n        } else\n          items.push({\n            name: permission.Name,\n            value: permission.Value,\n            order: permission.Order\n          });\n      }\n      return items.sort((a: any, b: any) => a.order - b.order);\n    });\n\n    const editRow = async (row: any) => {\n      const entity = row.messageId\n        ? await model?.dispatch(\"message/find\", row.messageId)\n        : undefined;\n      if (entity) {\n        data.value = entity;\n        currentRow.value = row;\n        //console.log('editRow', data.value)\n      } else {\n        // CloudFun.send(\"error\", {\n        //   subject: \"執行失敗\",\n        //   content: \"讀取失敗\",\n        // });\n      }\n    };\n\n    const refresh = async () => {\n      await editRow(currentRow.value);\n    };\n\n    return {\n      grid,\n      gridOptions,\n      formOptions,\n      permissionItems,\n      editRow,\n      data,\n      refresh\n    };\n  },\n  methods: {\n    hideBatchDropDown() {\n      cash(\"#batch-dropdown\").dropdown(\"hide\");\n    },\n    showIcon(title: string) {\n      console.log(\"🚀 ~ file: Main.vue ~ line 449 ~ showIcon ~ title\", title);\n      const texts = [\"會議通知\", \"會議室有\"];\n      let include = false;\n\n      for (let i = 0; i < texts.length; i++) {\n        const item = texts[i];\n        if (title.indexOf(item) > -1) {\n          include = true;\n          break;\n        }\n      }\n      console.log(\n        \"🚀 ~ file: Main.vue ~ line 449 ~ showIcon ~ include\",\n        !include\n      );\n      return !include;\n    }\n  }\n});\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Main.vue?vue&type=style&index=0&id=c40ed404&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./CheckBoxList.vue?vue&type=style&index=0&id=60a8aa8c&scoped=true&lang=css\"","\n/* eslint-disable */\nimport formatDate from \"xe-utils/toDateString\";\nimport { ref, reactive, onMounted, provide, computed, watch } from \"vue\";\nimport CloudFun, { defineComponent } from \"@cloudfun/core\";\n\nexport default defineComponent({\n  props: {\n    auth: {},\n    data: {}\n  },\n  components: {},\n  emits: [\"refresh\"],\n  setup(props, emits) {\n    const model = CloudFun.current?.model;\n\n    const getAuth = () => {\n      return model\n        ?.dispatch(\"user/auth\")\n        .then((response: any) => {\n          if (response.status) {\n            return response.payload;\n          } else {\n            CloudFun.send(\"error\", {\n              subject: \"讀取失敗\",\n              content: response.message\n            });\n          }\n        })\n        .catch((error: any) => {\n          CloudFun.send(\"error\", {\n            subject: \"讀取失敗\",\n            content: error.message\n          });\n        });\n    };\n\n    const entity = ref<any>();\n    const auth = ref<any>();\n    const reply = ref<string>(\"\");\n\n    onMounted(async () => {\n      auth.value = await getAuth();\n      //console.log(auth.value)\n    });\n\n    const reset = () => {\n      reply.value = \"\";\n    };\n\n    const submitReply = () => {\n      if (entity.value.consultationID) {\n        //console.log(entity.value.consultationID);\n        const data = {\n          id: entity.value.consultationID,\n          content: reply.value,\n          field: \"\"\n        };\n        model\n          ?.dispatch(\"consultation/insert\", data)\n          .then((response: any) => {\n            if (response.status) {\n              CloudFun.send(\"info\", {\n                subject: \"執行成功\",\n                content: \"完成留言\"\n              });\n              reset();\n              emits.emit(\"refresh\");\n            } else {\n              CloudFun.send(\"error\", {\n                subject: \"執行失敗\",\n                content: response.message\n              });\n            }\n          })\n          .catch((error: any) => {\n            CloudFun.send(\"error\", {\n              subject: \"執行失敗\",\n              content: error.message\n            });\n          });\n      } else {\n        CloudFun.send(\"error\", {\n          subject: \"執行失敗\",\n          content: \"無法讀取主題內容\"\n        });\n      }\n    };\n\n    watch(\n      () => props.data,\n      async value => {\n        //console.log('watch', value)\n        if (value) {\n          entity.value = value;\n          // console.log(entity.value)\n          // entity.value.reply = await model?.dispatch(\"consultation/query\", entity.value.consultationID)\n          // console.log(entity.value.reply)   \n        }\n      },\n      { immediate: true }\n    );\n\n    return {\n      entity,\n      formatDate,\n      auth,\n      imageUrl: `${process.env.VUE_APP_BACKEND_URL}/api/v1/Image`,\n      reply,\n      reset,\n      submitReply\n    };\n  },\n  methods: {\n    showtextCotent(id: any) {\n      cash(`#textCotent${id}`).removeClass(\"truncate\");\n      cash(`#showtextCotent${id}`).addClass(\"hidden\");\n      cash(`#hidetextCotent${id}`).removeClass(\"hidden\");\n    },\n    hidetextCotent(id: any) {\n      cash(`#textCotent${id}`).addClass(\"truncate\");\n      cash(`#showtextCotent${id}`).removeClass(\"hidden\");\n      cash(`#hidetextCotent${id}`).addClass(\"hidden\");\n    }\n  }\n});\n","<template>\n  <fieldset :read-only=\"readOnly\">\n    <div\n      v-for=\"(group, groupIndex) in items.filter(e => e.items)\"\n      :key=\"`check-box-list-group-${groupIndex}`\"\n      class=\"bg-gray-400 border rounded mb-1\"\n    >\n      <label class=\"flex items-center px-2\">\n        {{ group.caption || group.name }}\n        &nbsp;\n        <input\n          type=\"checkbox\"\n          @click=\"onSelectAllButtonClick(group.name)\"\n          :checked=\"itemCount[group.name] == selectedCount[group.name]\"\n          :disabled=\"readOnly\"\n        />\n      </label>\n      <ul class=\"group\">\n        <li\n          v-for=\"(item, itemIndex) in group.items\"\n          :key=\"`check-box-list-group-item-${itemIndex}`\"\n          :style=\"{ width: itemWidthPercentage }\"\n        >\n          <div>\n            <input :id=\"`check-box-list-group-item-checkbox-${item.value}`\"\n              type=\"checkbox\"\n              :value=\"item.value\"\n              v-model=\"selectedValues\"\n              @change=\"onChange()\"\n              :disabled=\"readOnly\"\n            />\n            <label :for=\"`check-box-list-group-item-checkbox-${item.value}`\">{{ item.name }}</label>\n          </div>\n        </li>\n      </ul>\n    </div>\n    <ul>\n      <li v-for=\"(item, index) in items.filter(e => e.value)\" :key=\"`check-box-list-item-${index}`\" :style=\"{ width: itemWidthPercentage }\">\n        <div>\n          <input\n            :id=\"`check-box-list-group-item-checkbox-${item.value}`\"\n            type=\"checkbox\"\n            :value=\"item.value\"\n            v-model=\"selectedValues\"\n            @change=\"onChange()\"\n            :disabled=\"readOnly\"\n          />\n          <label :for=\"`check-box-list-group-item-checkbox-${item.value}`\">{{ item.name }}</label>\n        </div>\n      </li>\n    </ul>\n    <label class=\"group\">\n      <input\n        type=\"checkbox\"\n        @click=\"onSelectAllButtonClick('all')\"\n        :checked=\"itemCount['all'] == selectedCount['all']\"\n        :disabled=\"readOnly\"\n      />\n      &nbsp;全選</label\n    >\n  </fieldset>\n</template>\n\n<style scoped>\nfieldset {\n  padding: 3px;\n  border: 1px #d7d7d7 solid;\n  border-radius: 4px;\n  position: relative;\n}\nfieldset[read-only=\"true\"] {\n  border: 1px #ccc dashed;\n}\nul {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  list-style-type: none;\n  display: table;\n  table-layout: fixed;\n}\nul.group {\n  padding: 0;\n  border-radius: 4px;\n}\nul li {\n  margin: 0;\n  padding: 0;\n  float: left;\n  display: table-cell;\n}\nul li div {\n  margin: 2px;\n}\nul li label {\n  margin: 0;\n  padding: 5px;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n  background: white;\n  text-align: center;\n  width: 100%;\n  display: inline-block;\n}\nul li label[read-only=\"true\"] {\n  border: 1px dashed #ccc;\n}\nul li input[type=\"checkbox\"] {\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  display: none;\n}\nul li input[type=\"checkbox\"]:checked ~ label {\n  background: dodgerBlue;\n  color: white;\n}\nlabel.group {\n  margin: 3px 2px;\n  padding: 5px 10px;\n  border: 1px #d7d7d7 solid;\n  border-radius: 4px;\n  background-color: #d7d7d741;\n  align-items: center;\n  justify-content: center;\n  font-size: smaller;\n  float: right;\n}\n</style>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from '@cloudfun/core'\nimport { v1 as uuid } from 'uuid'\n\nexport default defineComponent({\n  props: {\n    name: String,\n    modelValue: { type: Array as PropType<any[]>, default: () => [] },\n    cell: Object,\n    columnCount: { type: Number, default: 0 },\n    readOnly: Boolean,\n    items: { type: Array as PropType<any[]>, default: () => [] }\n  },\n  setup (props) {\n    const selectedValues = ref<any[]>([])\n    const itemCount = ref<any>({ all: 0 })\n    const selectedCount = ref<any>({ all: 0 })\n\n    const itemWidthPercentage = computed(() =>\n      props.columnCount > 0 ? `${100 / props.columnCount}%` : 'auto'\n    )\n\n    return {\n      selectedValues,\n      itemCount,\n      selectedCount,\n      id: uuid(),\n      itemWidthPercentage\n    }\n  },\n  methods: {\n    onSelectAllButtonClick (name: string) {\n      const groupItem = this.items.find((e) => e.name === name)\n      let items = null\n      if (groupItem == null) {\n        items = this.items\n        if (this.selectedValues.length === this.itemCount[name]) {\n          this.selectedValues = []\n        } else {\n          items.forEach((item) => {\n            if (item.items && Array.isArray(item.items)) {\n              item.items.forEach((subItems: any) => {\n                if (!this.selectedValues.includes(subItems.value)) { this.selectedValues.push(subItems.value) }\n              })\n            } else if (!this.selectedValues.includes(item.value)) { this.selectedValues.push(item.value) }\n          })\n        }\n      } else {\n        items = groupItem.items\n        var allSelected = true\n        items.forEach((item: any) => {\n          allSelected &&= this.selectedValues.includes(item.value)\n        })\n        if (allSelected) {\n          var values = groupItem.items.map((e: any) => e.value)\n          this.selectedValues = this.selectedValues.filter(\n            (e) => !values.includes(e)\n          )\n        } else {\n          items.forEach((item: any) => {\n            if (!this.selectedValues.includes(item.value)) { this.selectedValues.push(item.value) }\n          })\n        }\n      }\n      this.onChange()\n    },\n    onChange (e?: Event, silent?: boolean) {\n      this.selectedCount = { all: this.selectedValues.length }\n      this.selectedValues.forEach(value => {\n        this.items.forEach(item => {\n          if (item.items) {\n            const group = item\n            if (group.items.find((e: any) => e.value === value)) {\n              this.selectedCount[group.name] = (this.selectedCount[group.name] || 0) + 1\n            }\n          }\n        })\n      })\n      if (!silent) {\n        this.$emit('update:modelValue', this.selectedValues)\n        this.$emit('change', this.selectedValues)\n        if (this.cell) this.cell.setValue(this.selectedValues)\n      }\n    }\n  },\n  created () {\n    this.items.forEach(item => {\n      if (item.items && Array.isArray(item.items)) {\n        const group = item\n        this.itemCount[group.name] = group.items.length\n        this.itemCount.all += group.items.length\n      } else this.itemCount.all++\n    })\n    this.selectedValues = [...this.modelValue]\n    this.onChange(undefined, true)\n  },\n  watch: {\n    items () {\n      this.itemCount.all = 0\n      this.items.forEach((item) => {\n        if (item.items && Array.isArray(item.items)) {\n          this.itemCount[item.name] = item.items.length\n          this.itemCount.all += item.items.length\n        } else this.itemCount.all++\n      })\n      this.onChange(undefined, true)\n    },\n    modelValue (current) {\n      this.selectedValues = [...current]\n      this.onChange(undefined, true)\n    }\n  }\n})\n</script>\n","\nimport { computed, defineComponent, PropType, ref } from '@cloudfun/core'\nimport { v1 as uuid } from 'uuid'\n\nexport default defineComponent({\n  props: {\n    name: String,\n    modelValue: { type: Array as PropType<any[]>, default: () => [] },\n    cell: Object,\n    columnCount: { type: Number, default: 0 },\n    readOnly: Boolean,\n    items: { type: Array as PropType<any[]>, default: () => [] }\n  },\n  setup (props) {\n    const selectedValues = ref<any[]>([])\n    const itemCount = ref<any>({ all: 0 })\n    const selectedCount = ref<any>({ all: 0 })\n\n    const itemWidthPercentage = computed(() =>\n      props.columnCount > 0 ? `${100 / props.columnCount}%` : 'auto'\n    )\n\n    return {\n      selectedValues,\n      itemCount,\n      selectedCount,\n      id: uuid(),\n      itemWidthPercentage\n    }\n  },\n  methods: {\n    onSelectAllButtonClick (name: string) {\n      const groupItem = this.items.find((e) => e.name === name)\n      let items = null\n      if (groupItem == null) {\n        items = this.items\n        if (this.selectedValues.length === this.itemCount[name]) {\n          this.selectedValues = []\n        } else {\n          items.forEach((item) => {\n            if (item.items && Array.isArray(item.items)) {\n              item.items.forEach((subItems: any) => {\n                if (!this.selectedValues.includes(subItems.value)) { this.selectedValues.push(subItems.value) }\n              })\n            } else if (!this.selectedValues.includes(item.value)) { this.selectedValues.push(item.value) }\n          })\n        }\n      } else {\n        items = groupItem.items\n        var allSelected = true\n        items.forEach((item: any) => {\n          allSelected &&= this.selectedValues.includes(item.value)\n        })\n        if (allSelected) {\n          var values = groupItem.items.map((e: any) => e.value)\n          this.selectedValues = this.selectedValues.filter(\n            (e) => !values.includes(e)\n          )\n        } else {\n          items.forEach((item: any) => {\n            if (!this.selectedValues.includes(item.value)) { this.selectedValues.push(item.value) }\n          })\n        }\n      }\n      this.onChange()\n    },\n    onChange (e?: Event, silent?: boolean) {\n      this.selectedCount = { all: this.selectedValues.length }\n      this.selectedValues.forEach(value => {\n        this.items.forEach(item => {\n          if (item.items) {\n            const group = item\n            if (group.items.find((e: any) => e.value === value)) {\n              this.selectedCount[group.name] = (this.selectedCount[group.name] || 0) + 1\n            }\n          }\n        })\n      })\n      if (!silent) {\n        this.$emit('update:modelValue', this.selectedValues)\n        this.$emit('change', this.selectedValues)\n        if (this.cell) this.cell.setValue(this.selectedValues)\n      }\n    }\n  },\n  created () {\n    this.items.forEach(item => {\n      if (item.items && Array.isArray(item.items)) {\n        const group = item\n        this.itemCount[group.name] = group.items.length\n        this.itemCount.all += group.items.length\n      } else this.itemCount.all++\n    })\n    this.selectedValues = [...this.modelValue]\n    this.onChange(undefined, true)\n  },\n  watch: {\n    items () {\n      this.itemCount.all = 0\n      this.items.forEach((item) => {\n        if (item.items && Array.isArray(item.items)) {\n          this.itemCount[item.name] = item.items.length\n          this.itemCount.all += item.items.length\n        } else this.itemCount.all++\n      })\n      this.onChange(undefined, true)\n    },\n    modelValue (current) {\n      this.selectedValues = [...current]\n      this.onChange(undefined, true)\n    }\n  }\n})\n","import { render } from \"./CheckBoxList.vue?vue&type=template&id=60a8aa8c&scoped=true\"\nimport script from \"./CheckBoxList.vue?vue&type=script&lang=ts\"\nexport * from \"./CheckBoxList.vue?vue&type=script&lang=ts\"\n\nimport \"./CheckBoxList.vue?vue&type=style&index=0&id=60a8aa8c&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-60a8aa8c\"\n\nexport default script","<template>\n  <div>\n    <div class=\"intro-y flex flex-col sm:flex-row items-center mt-8\">\n      <h2 class=\"text-lg font-medium mr-auto\">業務洽詢信箱</h2>\n    </div>\n    <!-- BEGIN: HTML Table Data -->\n    <div class=\"intro-y box p-10 mt-10\">\n      <div class=\"flex flex-col sm:flex-row sm:items-end xl:items-start\">\n        <!-- <div class=\"xl:flex sm:mr-auto\">\n          <div class=\"sm:flex items-center ml-1 sm:mr-2 mt-2 xl:mt-0\">\n            <input\n              type=\"text\"\n              class=\"input w-full sm:w-40 xxl:w-full mt-2 sm:mt-0 border\"\n              v-model.trim=\"grid.keyword\"\n              placeholder=\"請輸入關鍵字\"\n              @keyup.enter=\"grid.refresh\"\n            />\n          </div>\n          <div class=\"mt-2 xl:mt-0\">\n            <button\n              type=\"button\"\n              class=\"button w-full sm:w-16 bg-theme-1 text-white\"\n              @click=\"grid.refresh\"\n            >\n              搜尋\n            </button>\n          </div>\n        </div> -->\n        <div class=\"flex mt-2 sm:mt-0\">\n          <!-- <button\n            class=\"button w-1/2 sm:w-auto flex items-center border text-gray-700 dark:bg-dark-5 dark:text-gray-300\"\n            @click=\"grid.onPrint({ mode: 'curret' })\"\n          >\n            <FontAwesome icon=\"print\" class=\"w-4 h-4 mr-2\" /> 列印\n          </button> -->\n        </div>\n      </div>\n      <div class=\"overflow-x-auto scrollbar-hidden mt-2 inquiry-wrap\">\n        <grid\n          ref=\"grid\"\n          v-bind=\"gridOptions\"\n          @removeSelectedRows=\"hideBatchDropDown()\"\n        >\n          <template #reply=\"{ row }\">\n            <div v-if=\"showIcon(row.title)\">\n              <a\n                @click=\"editRow(row)\"\n                href=\"javascript:;\"\n                data-toggle=\"modal\"\n                data-target=\"#reply-modal\"\n                class=\" inline-flex items-center\"\n              >\n                <MessageSquareIcon class=\"w-6 h-6 text-theme-10\" />\n              </a>\n            </div>\n          </template>\n          <template #title=\"{ row }\">\n            <div class=\"text-left\">\n              <a\n                @click=\"editRow(row)\"\n                href=\"javascript:;\"\n                data-toggle=\"modal\"\n                data-target=\"#reply-modal\"\n                class=\" inline-flex items-center\"\n              >\n                {{ row.title }}\n              </a>\n            </div>\n          </template>\n          <!-- <template #modal=\"{ row, submit, reset }\">\n            <vxe-form\n              ref=\"form\"\n              v-bind=\"formOptions\"\n              :data=\"row\"\n              @reset=\"reset\"\n              @submit=\"submit\"\n            >\n            </vxe-form>\n          </template>\n          <template #modal-footer>\n            <vxe-button type=\"submit\" status=\"primary\" content=\"確認\" @click=\"$refs.form.validate((errMap) => { if (errMap === undefined) $refs.form.dispatchEvent('submit'); })\"></vxe-button>\n            <vxe-button type=\"reset\" content=\"重置\" @click=\"$refs.form.dispatchEvent('reset')\"></vxe-button>\n          </template> -->\n          <template #filter-name=\"{ column, $panel }\">\n            <div\n              v-for=\"(option, index) in column.filters\"\n              :key=\"index\"\n              class=\"flex item-center justify-center\"\n            >\n              <input\n                type=\"checkbox\"\n                class=\"input input--switch border mt-4 ml-2\"\n                :checked=\"option.checked\"\n                @input=\"grid.changeFilterEvent(event, option, $panel, true)\"\n              />\n              <div class=\"relative m-2\">\n                <div\n                  class=\"absolute rounded-l w-10 h-full flex items-center justify-center bg-gray-100 dark:bg-dark-1 dark:border-dark-4 border text-gray-600\"\n                >\n                  {{ option.label }}\n                </div>\n                <input\n                  v-model.trim=\"option.data\"\n                  :disabled=\"!option.checked\"\n                  type=\"text\"\n                  class=\"input pl-12 w-full border col-span-4\"\n                  placeholder=\"請輸入文字\"\n                  @input=\"grid.changeFilterEvent(event, option, $panel)\"\n                />\n              </div>\n            </div>\n          </template>\n        </grid>\n      </div>\n    </div>\n    <!-- END: HTML Table Data -->\n  </div>\n  <!-- 業務洽詢modal -->\n  <ReplyModal :data=\"data\" @refresh=\"refresh\" />\n</template>\n\n<script lang=\"ts\">\nimport CloudFun, { computed, defineComponent, ref } from \"@cloudfun/core\";\nimport Grid, { GridOptions } from \"@/cloudfun/components/Grid.vue\";\nimport { VxeFormProps, VxeTablePropTypes } from \"vxe-table\";\nimport CheckBoxList from \"@/cloudfun/components/CheckBoxList.vue\";\nimport ReplyModal from \"@/components/reply-modal/Main.vue\";\nimport formatDate from \"xe-utils/toDateString\";\nimport dayjs from \"dayjs\";\nexport default defineComponent({\n  components: {\n    Grid,\n    CheckBoxList,\n    ReplyModal\n  },\n  setup() {\n    const model = CloudFun.current?.model;\n    const grid = ref<any>({});\n    const data = ref<any>({});\n    const currentRow = ref<any>({});\n    var printColumns = [{ field: \"Name\" }, { field: \"Description\" }];\n\n    const rowClassName: VxeTablePropTypes.RowClassName = ({\n      row,\n      rowIndex\n    }) => {\n      //console.log(row)\n      if (!row.isRead) {\n        return \"text-theme-10 font-bold\";\n      }\n      return null;\n    };\n\n    const gridOptions: GridOptions = {\n      id: \"inquiry\",\n      title: \"洽詢信箱\",\n      rowClassName: rowClassName,\n      multiselect: false,\n      canUpdate: false,\n      canDelete: false,\n      canRead: false,\n      canCreate: false,\n      toolbarConfig: {\n        custom: true,\n        refresh: true\n      },\n      printConfig: {\n        sheetName: \"洽詢信箱\",\n        columns: printColumns,\n        modes: [\"current\", \"selected\", \"all\"]\n      },\n      exportConfig: {\n        filename: \"洽詢信箱\",\n        type: \"csv\",\n        types: [\"html\", \"csv\"],\n        mode: \"all\",\n        modes: [\"current\", \"selected\", \"all\"],\n        columns: printColumns\n      },\n      columns: [\n        {\n          field: \"lastUpdateTime\",\n          title: \"時間\",\n          align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          width: 250,\n          editRender: {\n            name: \"$input\",\n            immediate: true,\n            attrs: { type: \"text\" }\n          },\n          formatter: ({ cellValue }) =>\n            dayjs(new Date(cellValue)).format(\"YYYY/MM/DD HH:mm\")\n        },\n        {\n          field: \"title\",\n          title: \"標題\",\n          align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          minWidth: 200,\n          // editRender: {\n          //   name: \"$input\",\n          //   immediate: true,\n          //   attrs: { type: \"text\" }\n          // },\n          slots: { default: \"title\" }\n        },\n        {\n          field: \"name\",\n          title: \"寄件者\",\n          align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          width: 200,\n          editRender: {\n            name: \"$input\",\n            immediate: true,\n            attrs: { type: \"text\" }\n          }\n        },\n        // {\n        //   field: 'times',\n        //   title: '洽談次數',\n        //    align: \"center\",\n        //   showHeaderOverflow: true,\n        //   showOverflow: true,\n        //   sortable: false,\n        //   editRender: {\n        //     name: '$input',\n        //     immediate: true,\n        //     attrs: { type: 'text' }\n        //   },\n        // },\n        {\n          field: \"status\",\n          title: \"狀態\",\n          align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          width: 150,\n          editRender: {\n            name: \"$input\",\n            immediate: true,\n            attrs: { type: \"text\" }\n          }\n          //formatter: ({ cellValue }) => (cellValue ? \"已讀\" : \"新留言\")\n        }\n        // {\n        //   field: \"reply\",\n        //   title: \"回覆\",\n        //   align: \"center\",\n        //   fixed: \"right\",\n        //   resizable: false,\n        //   slots: { default: \"reply\" }\n        // }\n      ],\n      promises: {\n        query: model\n          ? async params => {\n              //console.log(params.pageSize, params.page)\n              var result = await model.dispatch(\"message/query\", {\n                pageSize: params.pageSize,\n                page: params.page\n              });\n              // console.log(result);\n              return result;\n            }\n          : undefined\n        // queryAll: model ? () => model.dispatch(\"message/query\") : undefined,\n        //   query: () => {\n        //     return new Promise((resolve, reject) => {\n        //       setTimeout(() => {\n        //         resolve({\n        //           \"data\":[\n        //             {\n        //               id: 1,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"XX-小花\",\n        //               times: \"3\",\n        //               state: \"新留言\",\n        //             },\n        //             {\n        //               id: 2,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"Jasper\",\n        //               times: \"1\",\n        //               state: \"新留言\",\n        //               isRead: true,\n        //             },\n        //             {\n        //               id: 3,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"買家真實姓名\",\n        //               times: \"2\",\n        //               state: \"新留言\",\n        //             },\n        //             {\n        //               id: 4,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"Susan\",\n        //               times: \"5\",\n        //               state: \"已讀\",\n        //               isRead: true,\n        //             },\n        //             {\n        //               id: 5,\n        //               createdTime: '2021/07/26 22:03',\n        //               title: \"S 111-11 產品名稱產品名稱\",\n        //               name: \"買家暱稱\",\n        //               times: \"1\",\n        //               state: \"已讀\",\n        //             },\n        //           ],\n        //           \"totalCount\":1,\n        //         });\n        //       }, 100);\n        //     });\n        //   },\n      },\n      modalConfig: { showFooter: true }\n    };\n\n    const formOptions: VxeFormProps = {\n      titleWidth: 60,\n      titleAlign: \"right\",\n      items: [\n        {\n          field: \"date\",\n          title: \"時間\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        },\n        {\n          field: \"product\",\n          title: \"詢問產品\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        },\n        {\n          field: \"buyer\",\n          title: \"洽詢買家\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        },\n        {\n          field: \"times\",\n          title: \"洽談次數\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        },\n        {\n          field: \"state\",\n          title: \"狀態\",\n          span: 24,\n          itemRender: {\n            name: \"$input\",\n            props: { placeholder: \"請輸入文字\", clearable: true },\n            attrs: { type: \"text\" }\n          }\n        }\n      ],\n      rules: {\n        Name: [{ type: \"string\", required: true }]\n      }\n    };\n\n    const permissionItems = computed(() => {\n      const items: any[] = [];\n      for (const permission of Object.values(\n        model?.enums.SystemPermission || {}\n      )) {\n        if (permission.GroupName != null) {\n          let group = items.find(e => e.name === permission.GroupName);\n          if (!group)\n            items.push(\n              (group = { name: permission.GroupName, items: [], order: 0 })\n            );\n          group.items.push({\n            name: permission.Name,\n            value: permission.Value,\n            order: permission.Order\n          });\n          if (group.order < permission.Order) group.order = permission.Order;\n        } else\n          items.push({\n            name: permission.Name,\n            value: permission.Value,\n            order: permission.Order\n          });\n      }\n      return items.sort((a: any, b: any) => a.order - b.order);\n    });\n\n    const editRow = async (row: any) => {\n      const entity = row.messageId\n        ? await model?.dispatch(\"message/find\", row.messageId)\n        : undefined;\n      if (entity) {\n        data.value = entity;\n        currentRow.value = row;\n        //console.log('editRow', data.value)\n      } else {\n        // CloudFun.send(\"error\", {\n        //   subject: \"執行失敗\",\n        //   content: \"讀取失敗\",\n        // });\n      }\n    };\n\n    const refresh = async () => {\n      await editRow(currentRow.value);\n    };\n\n    return {\n      grid,\n      gridOptions,\n      formOptions,\n      permissionItems,\n      editRow,\n      data,\n      refresh\n    };\n  },\n  methods: {\n    hideBatchDropDown() {\n      cash(\"#batch-dropdown\").dropdown(\"hide\");\n    },\n    showIcon(title: string) {\n      console.log(\"🚀 ~ file: Main.vue ~ line 449 ~ showIcon ~ title\", title);\n      const texts = [\"會議通知\", \"會議室有\"];\n      let include = false;\n\n      for (let i = 0; i < texts.length; i++) {\n        const item = texts[i];\n        if (title.indexOf(item) > -1) {\n          include = true;\n          break;\n        }\n      }\n      console.log(\n        \"🚀 ~ file: Main.vue ~ line 449 ~ showIcon ~ include\",\n        !include\n      );\n      return !include;\n    }\n  }\n});\n</script>\n\n<style lang=\"scss\">\n// .inquiry-wrap {\n//   .vxe-table--body {\n//     tbody {\n//       tr:nth-child(-n+3):nth-child(n+1) {\n//         @apply text-theme-10 font-bold\n//       }\n//     }\n//   }\n// }\n</style>\n","import { render } from \"./Main.vue?vue&type=template&id=bb0e016c\"\nimport script from \"./Main.vue?vue&type=script&lang=ts\"\nexport * from \"./Main.vue?vue&type=script&lang=ts\"\n\nimport \"./Main.vue?vue&type=style&index=0&id=bb0e016c&lang=scss\"\nscript.render = render\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Main.vue?vue&type=style&index=0&id=bb0e016c&lang=scss\"","<template>\n  <!-- 業務洽詢modal -->\n  <div id=\"reply-modal\" class=\"modal flex justify-center items-center\">\n    <div\n      class=\"modal__content modal__content--xl max-h-screen overflow-y-auto relative w-screen p-6 max-w-screen-lg\"\n    >\n      <a\n        data-dismiss=\"modal\"\n        href=\"javascript:;\"\n        class=\"absolute right-0 top-0 mt-6 mr-6\"\n      >\n        <xIcon class=\"w-8 h-8 text-gray-500\" />\n      </a>\n      <div class=\"\">\n        <div class=\"font-bold text-lg my-4\">洽詢內容瀏覽與回覆</div>\n        <div class=\"p-3 border border-theme-5\">\n          <div class=\" md:flex mb-5 pb-5 border-b border-theme-5\">\n            <div class=\" mr-3\">\n              <img\n                class=\" max-w-full h-auto\"\n                :src=\"\n                  entity?.product?.previewID\n                    ? `${imageUrl}/${entity?.product?.previewID}`\n                    : require(`@/midone/assets/images/placeholders/200x200.jpg`)\n                \"\n                style=\" width:150px\"\n                alt=\"產品圖\"\n              />\n            </div>\n            <div class=\"\">\n              <div class=\" sm:flex mb-5\">\n                <div\n                  class=\" sm:w-32 min-w-32 md:text-right text-base mr-5 font-medium\"\n                >\n                  洽詢產品\n                </div>\n                <div class=\"w-full\">\n                  {{ entity?.product?.name }}\n                  <!-- <a\n                    class=\" text-base flex items-center text-theme-1\"\n                    href=\"#\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    {{ entity?.product?.name }}\n                    <LogOutIcon class=\"ml-2 w-4 h-4\" />\n                  </a> -->\n                </div>\n              </div>\n              <div class=\" sm:flex mb-5\">\n                <div class=\" sm:w-32 min-w-32 md:text-right text-base mr-5\">\n                  產品編號\n                </div>\n                <div class=\"w-full\">\n                  {{ entity?.product?.no }}\n                </div>\n              </div>\n              <div class=\" sm:flex mb-5\">\n                <div class=\" sm:w-32 min-w-32 md:text-right text-base mr-5\">\n                  洽詢時間\n                </div>\n                <div class=\"w-full\">\n                  {{\n                    entity?.createdTime\n                      ? formatDate(\n                          new Date(entity.createdTime),\n                          \"yyyy/MM/dd HH:mm\"\n                        )\n                      : \"\"\n                  }}\n                </div>\n              </div>\n              <div class=\" sm:flex\">\n                <div class=\" sm:w-32 min-w-32 md:text-right text-base mr-5\">\n                  洽詢買家\n                </div>\n                <div class=\"w-full flex items-center\">\n                  <div class=\" w-12 mr-2\">\n                    <img\n                      alt=\"Midone Tailwind HTML Admin Template\"\n                      class=\"rounded-full max-w-full h-auto\"\n                      :src=\"\n                        entity?.buyer?.avatarImageID\n                          ? `${imageUrl}/${entity?.buyer?.avatarImageID}`\n                          : require(`@/midone/assets/images/${\n                              $f()[0].photos[0]\n                            }`)\n                      \"\n                    />\n                  </div>\n                  <div class=\" font-medium text-base\">\n                    {{ entity?.buyer?.name }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\" text-base mb-5\">\n            <div class=\"text-2xl\">{{ entity?.title }}</div>\n            <div v-html=\"entity?.content?.replace('\\n', '<br />')\"></div>\n          </div>\n          <div\n            v-if=\"entity?.file?.archiveID\"\n            class=\" flex items-center flex-wrap mb-5\"\n          >\n            <a\n              href=\"#\"\n              class=\"button button--lg flex items-center text-white bg-theme-1 shadow-md mr-2 rounded-3xl\"\n            >\n              <PaperclipIcon class=\"w-4 h-4 mr-2\" />\n              {{ entity?.file?.name ?? \"附加檔案\" }}\n            </a>\n          </div>\n\n          <div v-if=\"entity?.consultationID\" class=\"bg-gray-200 p-3\">\n            <div class=\"font-bold text-lg my-3\">回覆</div>\n            <div class=\" sm:flex pb-5 mb-5 border-b border-theme-1\">\n              <div class=\"min-w-20 w-20 mr-3\">\n                <img\n                  alt=\"Midone Tailwind HTML Admin Template\"\n                  class=\"rounded-full max-w-full h-auto\"\n                  :src=\"\n                    auth?.avatarImageID\n                      ? `${imageUrl}/${auth.avatarImageID}`\n                      : require(`@/midone/assets/images/${$f()[0].photos[0]}`)\n                  \"\n                />\n              </div>\n              <div class=\"w-full\">\n                <form class=\"\">\n                  <input\n                    type=\"text\"\n                    class=\"intro-x input input--lg border border-gray-300 w-full mt-2 mb-3\"\n                    placeholder=\"新增回應\"\n                    v-model=\"reply\"\n                  />\n                  <!-- <div class=\"\">\n                                        <a href=\"#\" class=\" flex items-center text-theme-1 mr-2 mb-3\">\n                                            <PaperclipIcon class=\"w-4 h-4 mr-2\" />附加檔案僅限 .pdf 與 .jpg 檔,檔案大小上限 1 M\n                                        </a>\n                                    </div> -->\n                  <div class=\" flex items-center justify-end\">\n                    <button\n                      type=\"button\"\n                      @click.prevent=\"reset\"\n                      class=\"button button--lg w-full lg:w-32 text-theme-1 bg-transparent lg:mr-3 align-top\"\n                    >\n                      取消\n                    </button>\n                    <button\n                      type=\"button\"\n                      @click.prevent=\"submitReply\"\n                      class=\"button button--lg w-full lg:w-32 text-white bg-theme-1  align-top\"\n                    >\n                      回覆\n                    </button>\n                  </div>\n                </form>\n              </div>\n            </div>\n            <template v-if=\"entity?.replies && entity?.replies.length\">\n              <div\n                v-for=\"(item, index) in entity?.replies\"\n                :key=\"index\"\n                class=\" flex pb-5 mb-5 border-theme-7\"\n              >\n                <div class=\" min-w-20 w-20 mr-3\">\n                  <img\n                    alt=\"Midone Tailwind HTML Admin Template\"\n                    class=\"rounded-full max-w-full h-auto\"\n                    :src=\"\n                      item.user?.avatarImageID\n                        ? `${imageUrl}/${item.user?.avatarImageID}`\n                        : require(`@/midone/assets/images/${$f()[0].photos[0]}`)\n                    \"\n                  />\n                </div>\n                <div class=\"w-4/6 md:w-4/5 xl:w-5/6\">\n                  <div class=\"mb-2 flex items-center text-gray-600\">\n                    <b class=\" text-theme-1 text-base\">{{ item.user?.name }}</b>\n                    {{ item.user?.contact_Title }}\n                  </div>\n                  <div class=\"mb-3 text-gray-600\">\n                    {{\n                      item.createdTime\n                        ? formatDate(\n                            new Date(item.createdTime),\n                            \"yyyy/MM/dd HH:mm\"\n                          )\n                        : \"\"\n                    }}\n                  </div>\n                  <template v-if=\"item.message && item.message.length < 60\">\n                    <div class=\"mb-3 text-base truncate\">\n                      {{ item.message }}\n                    </div>\n                  </template>\n                  <template v-else-if=\"item.message\">\n                    <div\n                      :id=\"`textCotent${index}`\"\n                      class=\"mb-3 text-base truncate\"\n                    >\n                      {{ item.message }}\n                    </div>\n                    <div class=\"\">\n                      <a\n                        :id=\"`showtextCotent${index}`\"\n                        href=\"javascript:;\"\n                        @click=\"showtextCotent(index)\"\n                        class=\" text-theme-7 flex items-center justify-end\"\n                      >\n                        <ChevronDownIcon class=\"w-4 h-4 mr-2\" />完整內容\n                      </a>\n                      <a\n                        :id=\"`hidetextCotent${index}`\"\n                        href=\"javascript:;\"\n                        @click=\"hidetextCotent(index)\"\n                        class=\"hidden text-theme-7 flex items-center justify-end\"\n                      >\n                        <ChevronUpIcon class=\"w-4 h-4 mr-2\" />部分內容\n                      </a>\n                    </div>\n                  </template>\n                </div>\n              </div>\n\n              <!-- <div class=\" flex pb-5 mb-5 border-theme-7\">\n                                <div class=\" min-w-20 w-20 mr-3\">\n                                    <img alt=\"Midone Tailwind HTML Admin Template\" class=\"rounded-full max-w-full h-auto\" :src=\"\n                                        require(`@/midone/assets/images/${$f()[0].photos[0]}`)\n                                    \" />\n                                </div>\n                                <div class=\"w-4/6 md:w-4/5 xl:w-5/6\">\n                                    <div class=\"mb-2 flex items-center text-gray-600\">\n                                        <b class=\" text-theme-1 text-base\">Lulu</b>．業務\n                                    </div>\n                                    <div class=\"mb-3 text-gray-600\">\n                                        2021/07/26 11:03\n                                    </div>\n                                    <div id=\"textCotent\" class=\"mb-3 text-base truncate\">\n                                        這裡是業務Lulu的回覆內容,感謝您的詢問!因為回覆的留言特別多,所以需要進行收合所以需要進行收合所以需要進行收合所以需要進行收合\n                                    </div>\n                                    <div class=\"\">\n                                        <a id=\"showtextCotent\" href=\"javascript:;\" @click=\"showtextCotent()\" class=\" text-theme-7 flex items-center justify-end\">\n                                            <ChevronDownIcon class=\"w-4 h-4 mr-2\" />完整內容\n                                        </a>\n                                        <a id=\"hidetextCotent\" href=\"javascript:;\" @click=\"hidetextCotent()\" class=\"hidden text-theme-7 flex items-center justify-end\">\n                                            <ChevronUpIcon class=\"w-4 h-4 mr-2\" />部分內容\n                                        </a>\n                                    </div>\n                                </div>\n                            </div> -->\n            </template>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n/* eslint-disable */\nimport formatDate from \"xe-utils/toDateString\";\nimport { ref, reactive, onMounted, provide, computed, watch } from \"vue\";\nimport CloudFun, { defineComponent } from \"@cloudfun/core\";\n\nexport default defineComponent({\n  props: {\n    auth: {},\n    data: {}\n  },\n  components: {},\n  emits: [\"refresh\"],\n  setup(props, emits) {\n    const model = CloudFun.current?.model;\n\n    const getAuth = () => {\n      return model\n        ?.dispatch(\"user/auth\")\n        .then((response: any) => {\n          if (response.status) {\n            return response.payload;\n          } else {\n            CloudFun.send(\"error\", {\n              subject: \"讀取失敗\",\n              content: response.message\n            });\n          }\n        })\n        .catch((error: any) => {\n          CloudFun.send(\"error\", {\n            subject: \"讀取失敗\",\n            content: error.message\n          });\n        });\n    };\n\n    const entity = ref<any>();\n    const auth = ref<any>();\n    const reply = ref<string>(\"\");\n\n    onMounted(async () => {\n      auth.value = await getAuth();\n      //console.log(auth.value)\n    });\n\n    const reset = () => {\n      reply.value = \"\";\n    };\n\n    const submitReply = () => {\n      if (entity.value.consultationID) {\n        //console.log(entity.value.consultationID);\n        const data = {\n          id: entity.value.consultationID,\n          content: reply.value,\n          field: \"\"\n        };\n        model\n          ?.dispatch(\"consultation/insert\", data)\n          .then((response: any) => {\n            if (response.status) {\n              CloudFun.send(\"info\", {\n                subject: \"執行成功\",\n                content: \"完成留言\"\n              });\n              reset();\n              emits.emit(\"refresh\");\n            } else {\n              CloudFun.send(\"error\", {\n                subject: \"執行失敗\",\n                content: response.message\n              });\n            }\n          })\n          .catch((error: any) => {\n            CloudFun.send(\"error\", {\n              subject: \"執行失敗\",\n              content: error.message\n            });\n          });\n      } else {\n        CloudFun.send(\"error\", {\n          subject: \"執行失敗\",\n          content: \"無法讀取主題內容\"\n        });\n      }\n    };\n\n    watch(\n      () => props.data,\n      async value => {\n        //console.log('watch', value)\n        if (value) {\n          entity.value = value;\n          // console.log(entity.value)\n          // entity.value.reply = await model?.dispatch(\"consultation/query\", entity.value.consultationID)\n          // console.log(entity.value.reply)   \n        }\n      },\n      { immediate: true }\n    );\n\n    return {\n      entity,\n      formatDate,\n      auth,\n      imageUrl: `${process.env.VUE_APP_BACKEND_URL}/api/v1/Image`,\n      reply,\n      reset,\n      submitReply\n    };\n  },\n  methods: {\n    showtextCotent(id: any) {\n      cash(`#textCotent${id}`).removeClass(\"truncate\");\n      cash(`#showtextCotent${id}`).addClass(\"hidden\");\n      cash(`#hidetextCotent${id}`).removeClass(\"hidden\");\n    },\n    hidetextCotent(id: any) {\n      cash(`#textCotent${id}`).addClass(\"truncate\");\n      cash(`#showtextCotent${id}`).removeClass(\"hidden\");\n      cash(`#hidetextCotent${id}`).addClass(\"hidden\");\n    }\n  }\n});\n</script>\n\n<style lang=\"scss\">\n.min-w-20 {\n  min-width: 5rem;\n}\n</style>\n","import { render } from \"./Main.vue?vue&type=template&id=c40ed404\"\nimport script from \"./Main.vue?vue&type=script&lang=ts\"\nexport * from \"./Main.vue?vue&type=script&lang=ts\"\n\nimport \"./Main.vue?vue&type=style&index=0&id=c40ed404&lang=scss\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}