diff --git a/.gitignore b/.gitignore
index 82966e3..1bff08f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,7 +36,7 @@ pnpm-lock.yaml
 !.yarn/sdks
 !.yarn/versions
 .pnp.*
-
+.history
 # Vab
 public/video
 *.zip
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 5d87a7d..412a05e 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -89,7 +89,7 @@
       </el-col>
     </el-row>
     <div class="internet-content-provider">
-      <a href="https://beian.miit.gov.cn/" target="_blank" style="color: #fff">
+      <a href="https://beian.miit.gov.cn/" style="color: #fff" target="_blank">
         桂ICP备2024040484号-1
       </a>
     </div>
diff --git a/src/views/product/productList/components/addProductEdit.vue b/src/views/product/productList/components/addProductEdit.vue
index dba2ef6..aeb0087 100644
--- a/src/views/product/productList/components/addProductEdit.vue
+++ b/src/views/product/productList/components/addProductEdit.vue
@@ -2045,8 +2045,8 @@ export default {
             }
           })
         } else {
-          if (shop_product_image) {
-            let image = shop_product_image[0]
+          if (shop_product_image.length) {
+            let image = shop_product_image?.[0]
             obj.main_color_img = image.item_image_default
             let other = image.item_image_other
             if (other) {
diff --git a/src/views/settings/config/receiptMachine.vue b/src/views/settings/config/receiptMachine.vue
index 267789e..f08e426 100644
--- a/src/views/settings/config/receiptMachine.vue
+++ b/src/views/settings/config/receiptMachine.vue
@@ -304,7 +304,7 @@ export default {
       this.brandName = ''
       this.params = {
         pageNum: 1,
-        paper_with: 20,
+        pageSize: 20,
       }
       this.getReceiptMachineList()
     },
@@ -326,6 +326,7 @@ export default {
         }
         this.isEdit = false
       }
+      this.$refs['formDialog'].resetFields()
     },
     handleSizeChange(pageSize) {
       this.params.pageSize = pageSize
diff --git a/src/views/settings/config/site.vue b/src/views/settings/config/site.vue
index 24ae074..51a6d18 100644
--- a/src/views/settings/config/site.vue
+++ b/src/views/settings/config/site.vue
@@ -1,644 +1,662 @@
 <template>
-    <el-row>
-      <el-col>
-        <el-card id="box-card-form-1">
-
-          <el-form ref="form" :model="form">
-            <el-form-item
-              :label="__('网站名称')"
-              label-width="150px"
-              prop="site_name"
+  <el-row>
+    <el-col>
+      <el-card id="box-card-form-1">
+        <el-form ref="form" :model="form">
+          <el-form-item
+            :label="__('网站名称')"
+            label-width="150px"
+            prop="site_name"
+          >
+            <el-input
+              v-model="form.site_name"
+              clearable
+              :placeholder="__('请输入网站名称')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('Meta Tag 描述')"
+            label-width="150px"
+            prop="site_meta_description"
+          >
+            <el-input
+              v-model="form.site_meta_description"
+              :autosize="{ minRows: 4, maxRows: 4 }"
+              :placeholder="__('请输入Meta Tag 描述')"
+              :style="{ width: '100%' }"
+              type="textarea"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('Meta Tag 关键字')"
+            label-width="150px"
+            prop="site_meta_keyword"
+          >
+            <el-input
+              v-model="form.site_meta_keyword"
+              :autosize="{ minRows: 4, maxRows: 4 }"
+              :placeholder="__('请输入Meta Tag 关键字')"
+              :style="{ width: '100%' }"
+              type="textarea"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('slogan 平台口号')"
+            label-width="150px"
+            prop="site_promotion"
+          >
+            <el-input
+              v-model="form.site_promotion"
+              clearable
+              :placeholder="__('请输入slogan 平台口号')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('PC端平台LOGO')"
+            label-width="150px"
+            prop="site_logo"
+            required
+          >
+            <upload
+              height="64px"
+              :image="form.site_logo"
+              width="255px"
+              @upImage="
+                (image) => {
+                  form.site_logo = image
+                }
+              "
+            />
+            <div>{{ __('尺寸 255 * 64') }}</div>
+          </el-form-item>
+          <el-form-item
+            :label="__('移动端LOGO')"
+            label-width="150px"
+            prop="wap_site_logo"
+            required
+          >
+            <upload
+              height="50px"
+              :image="form.wap_site_logo"
+              width="100px"
+              @upImage="
+                (image) => {
+                  form.wap_site_logo = image
+                }
+              "
+            />
+            <div>100 * 50, 移动端使用</div>
+          </el-form-item>
+          <el-form-item
+            :label="__('文字LOGO')"
+            label-width="150px"
+            prop="text_site_logo"
+            required
+          >
+            <upload
+              height="36px"
+              :image="form.text_site_logo"
+              width="160px"
+              @upImage="
+                (image) => {
+                  form.text_site_logo = image
+                }
+              "
+            />
+            <div>160 * 36, 背景透明的PNG图片</div>
+          </el-form-item>
+          <el-form-item
+            :label="__('文字LOGO-mini')"
+            label-width="150px"
+            prop="textmini_site_logo"
+            required
+          >
+            <upload
+              height="100px"
+              :image="form.textmini_site_logo"
+              width="100px"
+              @upImage="
+                (image) => {
+                  form.textmini_site_logo = image
+                }
+              "
+            />
+            <div>80 * 80</div>
+          </el-form-item>
+          <el-form-item
+            label="Favorites Icon"
+            label-width="150px"
+            prop="site_icon"
+            required
+          >
+            <upload
+              height="100px"
+              :image="form.site_icon"
+              width="100px"
+              @upImage="
+                (image) => {
+                  form.site_icon = image
+                }
+              "
+            />
+            <div>64 * 64, ICO图片</div>
+          </el-form-item>
+          <el-form-item
+            :label="__('默认头像')"
+            label-width="150px"
+            prop="user_no_avatar"
+            required
+          >
+            <upload
+              height="100px"
+              :image="form.user_no_avatar"
+              width="100px"
+              @upImage="
+                (image) => {
+                  form.user_no_avatar = image
+                }
+              "
+            />
+            <div>256 * 256, 图片</div>
+          </el-form-item>
+          <el-form-item
+            :label="__('PC用户登录背景图片')"
+            label-width="160px"
+            prop="account_login_bg"
+            required
+          >
+            <upload
+              height="44px"
+              :image="form.account_login_bg"
+              width="194px"
+              @upImage="
+                (image) => {
+                  form.account_login_bg = image
+                }
+              "
+            />
+            <div>1920 * 426, 图片</div>
+          </el-form-item>
+          <el-form-item
+            :label="__('公司名称')"
+            label-width="150px"
+            prop="site_company_name"
+          >
+            <el-input
+              v-model="form.site_company_name"
+              clearable
+              :placeholder="__('请输入公司名称')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('平台联系地址')"
+            label-width="150px"
+            prop="site_address"
+          >
+            <el-input
+              v-model="form.site_address"
+              clearable
+              :placeholder="__('请输入平台联系地址')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('平台客服联系电话')"
+            label-width="150px"
+            prop="site_tel"
+          >
+            <el-input
+              v-model="form.site_tel"
+              clearable
+              :placeholder="__('请输入平台客服联系电话')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('电子邮件')"
+            label-width="150px"
+            prop="site_email"
+          >
+            <el-input
+              v-model="form.site_email"
+              clearable
+              :placeholder="__('请输入电子邮件')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('平台QQ')"
+            label-width="150px"
+            prop="site_qq"
+          >
+            <el-input
+              v-model="form.site_qq"
+              clearable
+              :placeholder="__('请输入平台QQ')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="false"
+            :label="__('平台旺旺')"
+            label-width="150px"
+            prop="site_ww"
+          >
+            <el-input
+              v-model="form.site_ww"
+              clearable
+              :placeholder="__('请输入平台旺旺')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="false"
+            :label="__('网站默认模版')"
+            label-width="150px"
+            prop="theme_id_wrap"
+          >
+            <el-select
+              v-model="form.theme_id_wrap"
+              clearable
+              :placeholder="__('网站默认模版')"
+              :style="{ width: '100%' }"
             >
-              <el-input
-                v-model="form.site_name"
-                clearable
-                :placeholder="__('请输入网站名称')"
-                :style="{ width: '100%' }"
+              <el-option
+                v-for="(item, index) in theme_id_wrapOptions"
+                :key="index"
+                :disabled="item.disabled"
+                :label="item.label"
+                :value="item.value"
               />
-            </el-form-item>
-            <el-form-item
-              :label="__('Meta Tag 描述')"
-              label-width="150px"
-              prop="site_meta_description"
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="false"
+            :label="__('系统默认语言')"
+            label-width="150px"
+            prop="language_id_wrap"
+          >
+            <el-select
+              v-model="form.language_id_wrap"
+              clearable
+              :placeholder="__('请选择系统默认语言')"
+              :style="{ width: '100%' }"
             >
-              <el-input
-                v-model="form.site_meta_description"
-                :autosize="{ minRows: 4, maxRows: 4 }"
-                :placeholder="__('请输入Meta Tag 描述')"
-                :style="{ width: '100%' }"
-                type="textarea"
+              <el-option
+                v-for="(item, index) in language_id_wrapOptions"
+                :key="index"
+                :disabled="item.disabled"
+                :label="item.label"
+                :value="item.value"
               />
-            </el-form-item>
-            <el-form-item
-              :label="__('Meta Tag 关键字')"
-              label-width="150px"
-              prop="site_meta_keyword"
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="false"
+            :label="__('使用时区')"
+            label-width="150px"
+            prop="date_default_timezone_set_wrap"
+          >
+            <el-select
+              v-model="form.date_default_timezone_set_wrap"
+              clearable
+              :placeholder="__('请选择使用时区')"
+              :style="{ width: '100%' }"
             >
-              <el-input
-                v-model="form.site_meta_keyword"
-                :autosize="{ minRows: 4, maxRows: 4 }"
-                :placeholder="__('请输入Meta Tag 关键字')"
-                :style="{ width: '100%' }"
-                type="textarea"
+              <el-option
+                v-for="(item, index) in date_default_timezone_set_wrapOptions"
+                :key="index"
+                :disabled="item.disabled"
+                :label="item.label"
+                :value="item.value"
               />
-            </el-form-item>
-            <el-form-item
-              :label="__('slogan 平台口号')"
-              label-width="150px"
-              prop="site_promotion"
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="false"
+            :label="__('货币单位符号')"
+            label-width="150px"
+            prop="monetary_unit"
+          >
+            <el-input
+              v-model="form.monetary_unit"
+              clearable
+              :placeholder="__('请输入货币单位符号')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="false"
+            :label="__('日期格式')"
+            label-width="150px"
+            prop="date_format_wrap"
+          >
+            <el-select
+              v-model="form.date_format_wrap"
+              clearable
+              :placeholder="__('请选择日期格式')"
+              :style="{ width: '100%' }"
             >
-              <el-input
-                v-model="form.site_promotion"
-                clearable
-                :placeholder="__('请输入slogan 平台口号')"
-                :style="{ width: '100%' }"
+              <el-option
+                v-for="(item, index) in date_format_wrapOptions"
+                :key="index"
+                :disabled="item.disabled"
+                :label="item.label"
+                :value="item.value"
               />
-            </el-form-item>
-            <el-form-item
-              :label="__('PC端平台LOGO')"
-              label-width="150px"
-              prop="site_logo"
-              required
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="false"
+            :label="__('时间格式')"
+            label-width="150px"
+            prop="time_format_wrap"
+          >
+            <el-select
+              v-model="form.time_format_wrap"
+              clearable
+              :placeholder="__('请选择时间格式')"
+              :style="{ width: '100%' }"
             >
-              <upload
-                height="64px"
-                :image="form.site_logo"
-                width="255px"
-                @upImage="
-            (image) => {
-              form.site_logo = image
-            }
-          "
+              <el-option
+                v-for="(item, index) in time_format_wrapOptions"
+                :key="index"
+                :disabled="item.disabled"
+                :label="item.label"
+                :value="item.value"
               />
-              <div>{{ __('尺寸 255 * 64') }}</div>
-            </el-form-item>
-            <el-form-item
-              :label="__('移动端LOGO')"
-              label-width="150px"
-              prop="wap_site_logo"
-              required
-            >
-              <upload
-                height="50px"
-                :image="form.wap_site_logo"
-                width="100px"
-                @upImage="
-            (image) => {
-              form.wap_site_logo = image
-            }
-          "
-              />
-              <div>100 * 50, 移动端使用</div>
-            </el-form-item>
-            <el-form-item
-              :label="__('文字LOGO')"
-              label-width="150px"
-              prop="text_site_logo"
-              required
-            >
-              <upload
-                height="36px"
-                :image="form.text_site_logo"
-                width="160px"
-                @upImage="
-            (image) => {
-              form.text_site_logo = image
-            }
-          "
-              />
-              <div>160 * 36, 背景透明的PNG图片</div>
-            </el-form-item>
-            <el-form-item
-              :label="__('文字LOGO-mini')"
-              label-width="150px"
-              prop="textmini_site_logo"
-              required
-            >
-              <upload
-                height="100px"
-                :image="form.textmini_site_logo"
-                width="100px"
-                @upImage="
-            (image) => {
-              form.textmini_site_logo = image
-            }
-          "
-              />
-              <div>80 * 80</div>
-            </el-form-item>
-            <el-form-item
-              label="Favorites Icon"
-              label-width="150px"
-              prop="site_icon"
-              required
-            >
-              <upload
-                height="100px"
-                :image="form.site_icon"
-                width="100px"
-                @upImage="
-            (image) => {
-              form.site_icon = image
-            }
-          "
-              />
-              <div>64 * 64, ICO图片</div>
-            </el-form-item>
-            <el-form-item
-              :label="__('默认头像')"
-              label-width="150px"
-              prop="user_no_avatar"
-              required
-            >
-              <upload
-                height="100px"
-                :image="form.user_no_avatar"
-                width="100px"
-                @upImage="
-            (image) => {
-              form.user_no_avatar = image
-            }
-          "
-              />
-              <div>256 * 256, 图片</div>
-            </el-form-item>
-            <el-form-item
-              :label="__('PC用户登录背景图片')"
-              label-width="160px"
-              prop="account_login_bg"
-              required
-            >
-              <upload
-                height="44px"
-                :image="form.account_login_bg"
-                width="194px"
-                @upImage="
-            (image) => {
-              form.account_login_bg = image
-            }
-          "
-              />
-              <div>1920 * 426, 图片</div>
-            </el-form-item>
-            <el-form-item
-              :label="__('公司名称')"
-              label-width="150px"
-              prop="site_company_name"
-            >
-              <el-input
-                v-model="form.site_company_name"
-                clearable
-                :placeholder="__('请输入公司名称')"
-                :style="{ width: '100%' }"
-              />
-            </el-form-item>
-            <el-form-item
-              :label="__('平台联系地址')"
-              label-width="150px"
-              prop="site_address"
-            >
-              <el-input
-                v-model="form.site_address"
-                clearable
-                :placeholder="__('请输入平台联系地址')"
-                :style="{ width: '100%' }"
-              />
-            </el-form-item>
-            <el-form-item
-              :label="__('平台客服联系电话')"
-              label-width="150px"
-              prop="site_tel"
-            >
-              <el-input
-                v-model="form.site_tel"
-                clearable
-                :placeholder="__('请输入平台客服联系电话')"
-                :style="{ width: '100%' }"
-              />
-            </el-form-item>
-            <el-form-item
-              :label="__('电子邮件')"
-              label-width="150px"
-              prop="site_email"
-            >
-              <el-input
-                v-model="form.site_email"
-                clearable
-                :placeholder="__('请输入电子邮件')"
-                :style="{ width: '100%' }"
-              />
-            </el-form-item>
-            <el-form-item :label="__('平台QQ')" label-width="150px" prop="site_qq">
-              <el-input
-                v-model="form.site_qq"
-                clearable
-                :placeholder="__('请输入平台QQ')"
-                :style="{ width: '100%' }"
-              />
-            </el-form-item>
-            <el-form-item v-if="false" :label="__('平台旺旺')" label-width="150px" prop="site_ww">
-              <el-input
-                v-model="form.site_ww"
-                clearable
-                :placeholder="__('请输入平台旺旺')"
-                :style="{ width: '100%' }"
-              />
-            </el-form-item>
-            <el-form-item v-if="false"
-                          :label="__('网站默认模版')"
-                          label-width="150px"
-                          prop="theme_id_wrap"
-            >
-              <el-select
-                v-model="form.theme_id_wrap"
-                clearable
-                :placeholder="__('网站默认模版')"
-                :style="{ width: '100%' }"
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="__('ICP证书号')"
+            label-width="150px"
+            prop="icp_number"
+          >
+            <el-input
+              v-model="form.icp_number"
+              clearable
+              :placeholder="__('请输入ICP证书号')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('第三方流量统计代码')"
+            label-width="150px"
+            prop="statistics_code"
+          >
+            <el-input
+              v-model="form.statistics_code"
+              :autosize="{ minRows: 4, maxRows: 4 }"
+              :placeholder="__('请输入第三方流量统计代码')"
+              :style="{ width: '100%' }"
+              type="textarea"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('版权信息')"
+            label-width="150px"
+            prop="copyright"
+          >
+            <el-input
+              v-model="form.copyright"
+              :autosize="{ minRows: 4, maxRows: 4 }"
+              :placeholder="__('请输入版权信息')"
+              :style="{ width: '100%' }"
+              type="textarea"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('站点状态')"
+            label-width="150px"
+            prop="site_status"
+          >
+            <el-radio-group v-model="form.site_status" size="medium">
+              <el-radio
+                v-for="(item, index) in site_statusOptions"
+                :key="index"
+                :disabled="item.disabled"
+                :label="item.value"
               >
-                <el-option
-                  v-for="(item, index) in theme_id_wrapOptions"
-                  :key="index"
-                  :disabled="item.disabled"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item v-if="false"
-                          :label="__('系统默认语言')"
-                          label-width="150px"
-                          prop="language_id_wrap"
-            >
-              <el-select
-                v-model="form.language_id_wrap"
-                clearable
-                :placeholder="__('请选择系统默认语言')"
-                :style="{ width: '100%' }"
-              >
-                <el-option
-                  v-for="(item, index) in language_id_wrapOptions"
-                  :key="index"
-                  :disabled="item.disabled"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item v-if="false"
-                          :label="__('使用时区')"
-                          label-width="150px"
-                          prop="date_default_timezone_set_wrap"
-            >
-              <el-select
-                v-model="form.date_default_timezone_set_wrap"
-                clearable
-                :placeholder="__('请选择使用时区')"
-                :style="{ width: '100%' }"
-              >
-                <el-option
-                  v-for="(item, index) in date_default_timezone_set_wrapOptions"
-                  :key="index"
-                  :disabled="item.disabled"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item v-if="false"
-                          :label="__('货币单位符号')"
-                          label-width="150px"
-                          prop="monetary_unit"
-            >
-              <el-input
-                v-model="form.monetary_unit"
-                clearable
-                :placeholder="__('请输入货币单位符号')"
-                :style="{ width: '100%' }"
-              />
-            </el-form-item>
-            <el-form-item v-if="false"
-                          :label="__('日期格式')"
-                          label-width="150px"
-                          prop="date_format_wrap"
-            >
-              <el-select
-                v-model="form.date_format_wrap"
-                clearable
-                :placeholder="__('请选择日期格式')"
-                :style="{ width: '100%' }"
-              >
-                <el-option
-                  v-for="(item, index) in date_format_wrapOptions"
-                  :key="index"
-                  :disabled="item.disabled"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item v-if="false"
-                          :label="__('时间格式')"
-                          label-width="150px"
-                          prop="time_format_wrap"
-            >
-              <el-select
-                v-model="form.time_format_wrap"
-                clearable
-                :placeholder="__('请选择时间格式')"
-                :style="{ width: '100%' }"
-              >
-                <el-option
-                  v-for="(item, index) in time_format_wrapOptions"
-                  :key="index"
-                  :disabled="item.disabled"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item
-              :label="__('ICP证书号')"
-              label-width="150px"
-              prop="icp_number"
-            >
-              <el-input
-                v-model="form.icp_number"
-                clearable
-                :placeholder="__('请输入ICP证书号')"
-                :style="{ width: '100%' }"
-              />
-            </el-form-item>
-            <el-form-item
-              :label="__('第三方流量统计代码')"
-              label-width="150px"
-              prop="statistics_code"
-            >
-              <el-input
-                v-model="form.statistics_code"
-                :autosize="{ minRows: 4, maxRows: 4 }"
-                :placeholder="__('请输入第三方流量统计代码')"
-                :style="{ width: '100%' }"
-                type="textarea"
-              />
-            </el-form-item>
-            <el-form-item
-              :label="__('版权信息')"
-              label-width="150px"
-              prop="copyright"
-            >
-              <el-input
-                v-model="form.copyright"
-                :autosize="{ minRows: 4, maxRows: 4 }"
-                :placeholder="__('请输入版权信息')"
-                :style="{ width: '100%' }"
-                type="textarea"
-              />
-            </el-form-item>
-            <el-form-item
-              :label="__('站点状态')"
-              label-width="150px"
-              prop="site_status"
-            >
-              <el-radio-group v-model="form.site_status" size="medium">
-                <el-radio
-                  v-for="(item, index) in site_statusOptions"
-                  :key="index"
-                  :disabled="item.disabled"
-                  :label="item.value"
-                >
-                  {{ item.label }}
-                </el-radio>
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item
-              :label="__('关闭原因')"
-              label-width="150px"
-              prop="closed_reason"
-            >
-              <el-input
-                v-model="form.closed_reason"
-                :autosize="{ minRows: 4, maxRows: 4 }"
-                :placeholder="__('请输入关闭原因')"
-                :style="{ width: '100%' }"
-                type="textarea"
-              />
-            </el-form-item>
-            <el-form-item
-              :label="__('系统版本')"
-              label-width="150px"
-              prop="site_version"
-            >
-              <el-input
-                v-model="form.site_version"
-                clearable
-                :placeholder="__('请输入系统版本')"
-                :style="{ width: '100%' }"
-              />
-            </el-form-item>
-          </el-form>
-          <el-button class="form-sub-btn" icon="el-icon-s-tools" type="primary" @click="handleEdit">
-            {{ __('修改') }}
-          </el-button>
-        </el-card>
-      </el-col>
-    </el-row>
-
+                {{ item.label }}
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+            :label="__('关闭原因')"
+            label-width="150px"
+            prop="closed_reason"
+          >
+            <el-input
+              v-model="form.closed_reason"
+              :autosize="{ minRows: 4, maxRows: 4 }"
+              :placeholder="__('请输入关闭原因')"
+              :style="{ width: '100%' }"
+              type="textarea"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="__('系统版本')"
+            label-width="150px"
+            prop="site_version"
+          >
+            <el-input
+              v-model="form.site_version"
+              clearable
+              :placeholder="__('请输入系统版本')"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+        </el-form>
+        <el-button
+          class="form-sub-btn"
+          icon="el-icon-s-tools"
+          type="primary"
+          @click="handleEdit"
+        >
+          {{ __('修改') }}
+        </el-button>
+      </el-card>
+    </el-col>
+  </el-row>
 </template>
 
 <script>
-  import { translateTitle as __ } from '@/utils/i18n'
-  import { getList, doEdit } from '@/api/base/config'
-  import { URL } from '@/config'
-  import Upload from '@/components/upload'
+import { translateTitle as __ } from '@/utils/i18n'
+import { getList, doEdit } from '@/api/base/config'
+import { URL } from '@/config'
+import Upload from '@/components/upload'
 
-  export default {
-    name: 'Site',
-    components: { Upload },
-    data() {
-      return {
-        action: URL.action,
-        pic_address: null,
-        form: {
-          site_name: undefined,
-          site_meta_description: undefined,
-          site_meta_keyword: undefined,
-          site_promotion: undefined,
-          site_logo: null,
-          wap_site_logo: null,
-          text_site_logo: null,
-          textmini_site_logo: '',
-          site_icon: null,
-          user_no_avatar: null,
-          account_login_bg: null,
-          site_company_name: undefined,
-          site_address: undefined,
-          site_tel: undefined,
-          site_email: undefined,
-          site_qq: undefined,
-          site_ww: undefined,
-          theme_id_wrap: undefined,
-          language_id_wrap: undefined,
-          date_default_timezone_set_wrap: undefined,
-          monetary_unit: undefined,
-          date_format_wrap: undefined,
-          time_format_wrap: undefined,
-          icp_number: undefined,
-          statistics_code: undefined,
-          copyright: undefined,
-          site_status: undefined,
-          closed_reason: undefined,
-          site_version: undefined,
+export default {
+  name: 'Site',
+  components: { Upload },
+  data() {
+    return {
+      action: URL.action,
+      pic_address: null,
+      form: {
+        site_name: undefined,
+        site_meta_description: undefined,
+        site_meta_keyword: undefined,
+        site_promotion: undefined,
+        site_logo: null,
+        wap_site_logo: null,
+        text_site_logo: null,
+        textmini_site_logo: '',
+        site_icon: null,
+        user_no_avatar: null,
+        account_login_bg: null,
+        site_company_name: undefined,
+        site_address: undefined,
+        site_tel: undefined,
+        site_email: undefined,
+        site_qq: undefined,
+        site_ww: undefined,
+        theme_id_wrap: undefined,
+        language_id_wrap: undefined,
+        date_default_timezone_set_wrap: undefined,
+        monetary_unit: undefined,
+        date_format_wrap: undefined,
+        time_format_wrap: undefined,
+        icp_number: undefined,
+        statistics_code: undefined,
+        copyright: undefined,
+        site_status: undefined,
+        closed_reason: undefined,
+        site_version: undefined,
+      },
+      theme_id_wrapOptions: [
+        {
+          label: 'default',
+          value: 1,
         },
-        theme_id_wrapOptions: [
-          {
-            label: 'default',
-            value: 1,
-          },
-          {
-            label: 'home-design',
-            value: 2,
-          },
-        ],
-        language_id_wrapOptions: [
-          {
-            label: this.__('简中'),
-            value: 1,
-          },
-          {
-            label: 'U.S.A',
-            value: 2,
-          },
-          {
-            label: ' عربي ، ',
-            value: 3,
-          },
-          {
-            label: this.__('日本語'),
-            value: 4,
-          },
-        ],
-        date_default_timezone_set_wrapOptions: [
-          {
-            label: this.__('选项一'),
-            value: 1,
-          },
-          {
-            label: this.__('选项二'),
-            value: 2,
-          },
-        ],
-        date_format_wrapOptions: [
-          {
-            label: 'Y-m-d',
-            value: 1,
-          },
-          {
-            label: 'Y年m月d日',
-            value: 2,
-          },
-          {
-            label: 'date_format-1',
-            value: 3,
-          },
-          {
-            label: 'date_format-2',
-            value: 4,
-          },
-          {
-            label: 'date_format-3',
-            value: 5,
-          },
-        ],
-        time_format_wrapOptions: [
-          {
-            label: 'H:i:s',
-            value: 1,
-          },
-          {
-            label: 'H时i分s秒',
-            value: 2,
-          },
-          {
-            label: 'time_format-1',
-            value: 3,
-          },
-          {
-            label: 'time_format-2',
-            value: 4,
-          },
-          {
-            label: 'time_format-3',
-            value: 5,
-          },
-        ],
-        site_statusOptions: [
-          {
-            label: this.__('开启'),
-            value: '1',
-          },
-          {
-            label: this.__('关闭'),
-            value: '2',
-          },
-        ],
+        {
+          label: 'home-design',
+          value: 2,
+        },
+      ],
+      language_id_wrapOptions: [
+        {
+          label: this.__('简中'),
+          value: 1,
+        },
+        {
+          label: 'U.S.A',
+          value: 2,
+        },
+        {
+          label: ' عربي ، ',
+          value: 3,
+        },
+        {
+          label: this.__('日本語'),
+          value: 4,
+        },
+      ],
+      date_default_timezone_set_wrapOptions: [
+        {
+          label: this.__('选项一'),
+          value: 1,
+        },
+        {
+          label: this.__('选项二'),
+          value: 2,
+        },
+      ],
+      date_format_wrapOptions: [
+        {
+          label: 'Y-m-d',
+          value: 1,
+        },
+        {
+          label: 'Y年m月d日',
+          value: 2,
+        },
+        {
+          label: 'date_format-1',
+          value: 3,
+        },
+        {
+          label: 'date_format-2',
+          value: 4,
+        },
+        {
+          label: 'date_format-3',
+          value: 5,
+        },
+      ],
+      time_format_wrapOptions: [
+        {
+          label: 'H:i:s',
+          value: 1,
+        },
+        {
+          label: 'H时i分s秒',
+          value: 2,
+        },
+        {
+          label: 'time_format-1',
+          value: 3,
+        },
+        {
+          label: 'time_format-2',
+          value: 4,
+        },
+        {
+          label: 'time_format-3',
+          value: 5,
+        },
+      ],
+      site_statusOptions: [
+        {
+          label: this.__('开启'),
+          value: '1',
+        },
+        {
+          label: this.__('关闭'),
+          value: '2',
+        },
+      ],
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    __,
+    async fetchData() {
+      const { data } = await getList()
+      this.form = {
+        site_name: data.site_name,
+        site_meta_description: data.site_meta_description,
+        site_meta_keyword: data.site_meta_keyword,
+        site_promotion: data.site_promotion,
+        site_logo: data.site_logo,
+        wap_site_logo: data.wap_site_logo,
+        text_site_logo: data.text_site_logo,
+        textmini_site_logo: data.textmini_site_logo,
+        site_icon: data.site_icon,
+        user_no_avatar: data.user_no_avatar,
+        account_login_bg: data.account_login_bg,
+        site_company_name: data.site_company_name,
+        site_address: data.site_address,
+        site_tel: data.site_tel,
+        site_email: data.site_email,
+        site_qq: data.site_qq,
+        site_ww: data.site_ww,
+        theme_id_wrap: data.theme_id_wrap,
+        language_id_wrap: data.language_id_wrap,
+        date_default_timezone_set_wrap: data.date_default_timezone_set_wrap,
+        monetary_unit: data.monetary_unit,
+        date_format_wrap: data.date_format_wrap,
+        time_format_wrap: data.time_format_wrap,
+        icp_number: data.icp_number,
+        statistics_code: data.statistics_code,
+        copyright: data.copyright,
+        site_status: data.site_status,
+        closed_reason: data.closed_reason,
+        site_version: data.site_version,
       }
     },
-    created() {
-      this.fetchData()
-    },
-    methods: {
-      __,
-      async fetchData() {
-        const { data } = await getList()
-        this.form = {
-          site_name: data.site_name,
-          site_meta_description: data.site_meta_description,
-          site_meta_keyword: data.site_meta_keyword,
-          site_promotion: data.site_promotion,
-          site_logo: data.site_logo,
-          wap_site_logo: data.wap_site_logo,
-          text_site_logo: data.text_site_logo,
-          textmini_site_logo: data.textmini_site_logo,
-          site_icon: data.site_icon,
-          user_no_avatar: data.user_no_avatar,
-          account_login_bg: data.account_login_bg,
-          site_company_name: data.site_company_name,
-          site_address: data.site_address,
-          site_tel: data.site_tel,
-          site_email: data.site_email,
-          site_qq: data.site_qq,
-          site_ww: data.site_ww,
-          theme_id_wrap: data.theme_id_wrap,
-          language_id_wrap: data.language_id_wrap,
-          date_default_timezone_set_wrap: data.date_default_timezone_set_wrap,
-          monetary_unit: data.monetary_unit,
-          date_format_wrap: data.date_format_wrap,
-          time_format_wrap: data.time_format_wrap,
-          icp_number: data.icp_number,
-          statistics_code: data.statistics_code,
-          copyright: data.copyright,
-          site_status: data.site_status,
-          closed_reason: data.closed_reason,
-          site_version: data.site_version,
-        }
-      },
-      handleEdit() {
-        this.$refs['form'].validate(async (valid) => {
-          if (valid) {
-            const { msg, status } = await doEdit({
-              param: JSON.stringify(this.form),
-            })
+    handleEdit() {
+      this.$refs['form'].validate(async (valid) => {
+        if (valid) {
+          const { msg, status } = await doEdit({
+            param: JSON.stringify(this.form),
+          })
 
-            if (status == 200) {
-              this.$baseMessage(msg, 'success')
-            } else {
-              this.$baseMessage(msg, 'error')
-            }
+          if (status == 200) {
+            this.$baseMessage(msg, 'success')
           } else {
-            return false
+            this.$baseMessage(msg, 'error')
           }
-        })
-      },
+        } else {
+          return false
+        }
+      })
     },
-  }
+  },
+}
 </script>
diff --git a/src/views/settings/config/upload.vue b/src/views/settings/config/upload.vue
index f85da80..987ebdb 100644
--- a/src/views/settings/config/upload.vue
+++ b/src/views/settings/config/upload.vue
@@ -10,7 +10,8 @@
               :model="uploadForm"
               size="medium"
             >
-              <el-form-item v-if="false"
+              <el-form-item
+                v-if="false"
                 :label="__('图片文件大小')"
                 label-width="150px"
                 prop="image_max_filesize"
@@ -142,7 +143,12 @@
               </el-form>
             </div>
             <div>
-              <el-button class="form-sub-btn" icon="el-icon-s-tools" type="primary" @click="ossEdit">
+              <el-button
+                class="form-sub-btn"
+                icon="el-icon-s-tools"
+                type="primary"
+                @click="ossEdit"
+              >
                 {{ __('修改') }}
               </el-button>
             </div>
@@ -395,7 +401,12 @@
             </el-form>
           </div>
           <div>
-            <el-button class="form-sub-btn" icon="el-icon-s-tools" type="primary" @click="selfEdit">
+            <el-button
+              class="form-sub-btn"
+              icon="el-icon-s-tools"
+              type="primary"
+              @click="selfEdit"
+            >
               {{ __('修改') }}
             </el-button>
           </div>
@@ -406,378 +417,388 @@
 </template>
 
 <script>
-  import { translateTitle as __ } from '@/utils/i18n'
-  import { getList, doEdit } from '@/api/base/config'
-  import { getToken } from '@/utils/token'
-  import { URL } from '@/config'
+import { translateTitle as __ } from '@/utils/i18n'
+import { getList, doEdit } from '@/api/base/config'
+import { getToken } from '@/utils/token'
+import { URL } from '@/config'
 
-  export default {
-    name: 'Upload',
-    components: {},
-    data() {
-      return {
-        action: URL.action,
-        params: {
-          authorization: '',
+export default {
+  name: 'Upload',
+  components: {},
+  data() {
+    return {
+      action: URL.action,
+      params: {
+        authorization: '',
+      },
+      media_allow_exts: [
+        {
+          label: 'png',
+          key: 0,
+          value: '.png',
         },
-        media_allow_exts: [
+        {
+          label: 'jpg',
+          key: 1,
+          value: '.jpg',
+        },
+        {
+          label: 'jpeg',
+          key: 2,
+          value: '.jpeg',
+        },
+        {
+          label: 'gif',
+          key: 3,
+          value: '.gif',
+        },
+        {
+          label: 'bmp',
+          key: 4,
+          value: '.bmp',
+        },
+        {
+          label: 'flv',
+          key: 5,
+          value: '.flv',
+        },
+        {
+          label: 'swf',
+          key: 6,
+          value: '.swf',
+        },
+        {
+          label: 'mkv',
+          key: 7,
+          value: '.mkv',
+        },
+        {
+          label: 'avi',
+          key: 8,
+          value: '.avi',
+        },
+        {
+          label: 'rm',
+          key: 9,
+          value: '.rm',
+        },
+        {
+          label: 'rmvb',
+          key: 10,
+          value: '.rmvb',
+        },
+        {
+          label: 'mpeg',
+          key: 11,
+          value: '.mpeg',
+        },
+        {
+          label: 'mpg',
+          key: 12,
+          value: '.mpg',
+        },
+        {
+          label: 'ogg',
+          key: 13,
+          value: '.ogg',
+        },
+        {
+          label: 'ogv',
+          key: 14,
+          value: '.ogv',
+        },
+        {
+          label: 'mov',
+          key: 15,
+          value: '.mov',
+        },
+        {
+          label: 'wmv',
+          key: 16,
+          value: '.wmv',
+        },
+        {
+          label: 'mp4',
+          key: 17,
+          value: '.mp4',
+        },
+        {
+          label: 'webm',
+          key: 18,
+          value: '.webm',
+        },
+        {
+          label: 'mp3',
+          key: 19,
+          value: '.mp3',
+        },
+        {
+          label: 'wav',
+          key: 20,
+          value: '.wav',
+        },
+        {
+          label: 'mid',
+          key: 21,
+          value: '.mid',
+        },
+        {
+          label: 'rar',
+          key: 22,
+          value: '.rar',
+        },
+        {
+          label: 'zip',
+          key: 23,
+          value: '.zip',
+        },
+        {
+          label: 'tar',
+          key: 24,
+          value: '.tar',
+        },
+        {
+          label: 'gz',
+          key: 25,
+          value: '.gz',
+        },
+        {
+          label: '7z',
+          key: 26,
+          value: '.7z',
+        },
+        {
+          label: 'bz2',
+          key: 27,
+          value: '.bz2',
+        },
+        {
+          label: 'cab',
+          key: 28,
+          value: '.cab',
+        },
+        {
+          label: 'iso',
+          key: 29,
+          value: '.iso',
+        },
+        {
+          label: 'doc',
+          key: 30,
+          value: '.doc',
+        },
+        {
+          label: 'docx',
+          key: 31,
+          value: '.docx',
+        },
+        {
+          label: 'xls',
+          key: 32,
+          value: '.xls',
+        },
+        {
+          label: 'xlsx',
+          key: 33,
+          value: '.xlsx',
+        },
+        {
+          label: 'ppt',
+          key: 34,
+          value: '.ppt',
+        },
+        {
+          label: 'pptx',
+          key: 35,
+          value: '.pptx',
+        },
+        {
+          label: 'pdf',
+          key: 36,
+          value: '.pdf',
+        },
+        {
+          label: 'txt',
+          key: 37,
+          value: '.txt',
+        },
+        {
+          label: 'md',
+          key: 38,
+          value: '.md',
+        },
+        {
+          label: 'xml',
+          key: 39,
+          value: '.xml',
+        },
+        {
+          label: 'apk',
+          key: 40,
+          value: '.apk',
+        },
+        {
+          label: 'wgt',
+          key: 41,
+          value: '.wgt',
+        },
+      ],
+      uploadForm: {
+        image_max_filesize: null,
+        default_image: null,
+        image_allow_ext: [], // 图片扩展名集合
+        vedio_allow_ext: [], // 音频扩展名集合
+        file_allow_ext: [], // 文档扩展名集合
+      },
+      ossForm: {
+        upload: null,
+      },
+      aliyunForm: {
+        aliyun_regionid: null,
+        aliyun_app_id: null,
+        aliyun_secret_id: null,
+        aliyun_endpoint: null,
+        aliyun_bucket: null,
+      },
+      tengxunForm: {
+        tengxun_app_id: null,
+        tengxun_secret_id: null,
+        tengxun_secret_key: null,
+        tengxun_region_region: null,
+        tengxun_endpoint: null,
+        tengxun_default_dir: null,
+        tengxun_bucket_name: null,
+      },
+      selfForm: {
+        self_upload_url: null,
+        self_upload_key: null,
+      },
+      ossRules: {
+        upload: [
           {
-            label: 'png',
-            key: 0,
-            value: '.png',
-          },
-          {
-            label: 'jpg',
-            key: 1,
-            value: '.jpg',
-          },
-          {
-            label: 'jpeg',
-            key: 2,
-            value: '.jpeg',
-          },
-          {
-            label: 'gif',
-            key: 3,
-            value: '.gif',
-          },
-          {
-            label: 'bmp',
-            key: 4,
-            value: '.bmp',
-          },
-          {
-            label: 'flv',
-            key: 5,
-            value: '.flv',
-          },
-          {
-            label: 'swf',
-            key: 6,
-            value: '.swf',
-          },
-          {
-            label: 'mkv',
-            key: 7,
-            value: '.mkv',
-          },
-          {
-            label: 'avi',
-            key: 8,
-            value: '.avi',
-          },
-          {
-            label: 'rm',
-            key: 9,
-            value: '.rm',
-          },
-          {
-            label: 'rmvb',
-            key: 10,
-            value: '.rmvb',
-          },
-          {
-            label: 'mpeg',
-            key: 11,
-            value: '.mpeg',
-          },
-          {
-            label: 'mpg',
-            key: 12,
-            value: '.mpg',
-          },
-          {
-            label: 'ogg',
-            key: 13,
-            value: '.ogg',
-          },
-          {
-            label: 'ogv',
-            key: 14,
-            value: '.ogv',
-          },
-          {
-            label: 'mov',
-            key: 15,
-            value: '.mov',
-          },
-          {
-            label: 'wmv',
-            key: 16,
-            value: '.wmv',
-          },
-          {
-            label: 'mp4',
-            key: 17,
-            value: '.mp4',
-          },
-          {
-            label: 'webm',
-            key: 18,
-            value: '.webm',
-          },
-          {
-            label: 'mp3',
-            key: 19,
-            value: '.mp3',
-          },
-          {
-            label: 'wav',
-            key: 20,
-            value: '.wav',
-          },
-          {
-            label: 'mid',
-            key: 21,
-            value: '.mid',
-          },
-          {
-            label: 'rar',
-            key: 22,
-            value: '.rar',
-          },
-          {
-            label: 'zip',
-            key: 23,
-            value: '.zip',
-          },
-          {
-            label: 'tar',
-            key: 24,
-            value: '.tar',
-          },
-          {
-            label: 'gz',
-            key: 25,
-            value: '.gz',
-          },
-          {
-            label: '7z',
-            key: 26,
-            value: '.7z',
-          },
-          {
-            label: 'bz2',
-            key: 27,
-            value: '.bz2',
-          },
-          {
-            label: 'cab',
-            key: 28,
-            value: '.cab',
-          },
-          {
-            label: 'iso',
-            key: 29,
-            value: '.iso',
-          },
-          {
-            label: 'doc',
-            key: 30,
-            value: '.doc',
-          },
-          {
-            label: 'docx',
-            key: 31,
-            value: '.docx',
-          },
-          {
-            label: 'xls',
-            key: 32,
-            value: '.xls',
-          },
-          {
-            label: 'xlsx',
-            key: 33,
-            value: '.xlsx',
-          },
-          {
-            label: 'ppt',
-            key: 34,
-            value: '.ppt',
-          },
-          {
-            label: 'pptx',
-            key: 35,
-            value: '.pptx',
-          },
-          {
-            label: 'pdf',
-            key: 36,
-            value: '.pdf',
-          },
-          {
-            label: 'txt',
-            key: 37,
-            value: '.txt',
-          },
-          {
-            label: 'md',
-            key: 38,
-            value: '.md',
-          },
-          {
-            label: 'xml',
-            key: 39,
-            value: '.xml',
+            required: true,
+            message: '单选框组不能为空',
+            trigger: 'change',
           },
         ],
-        uploadForm: {
-          image_max_filesize: null,
-          default_image: null,
-          image_allow_ext: [], // 图片扩展名集合
-          vedio_allow_ext: [], // 音频扩展名集合
-          file_allow_ext: [], // 文档扩展名集合
-        },
-        ossForm: {
-          upload: null,
-        },
-        aliyunForm: {
-          aliyun_regionid: null,
-          aliyun_app_id: null,
-          aliyun_secret_id: null,
-          aliyun_endpoint: null,
-          aliyun_bucket: null,
-        },
-        tengxunForm: {
-          tengxun_app_id: null,
-          tengxun_secret_id: null,
-          tengxun_secret_key: null,
-          tengxun_region_region: null,
-          tengxun_endpoint: null,
-          tengxun_default_dir: null,
-          tengxun_bucket_name: null,
-        },
-        selfForm: {
-          self_upload_url: null,
-          self_upload_key: null,
-        },
-        ossRules: {
-          upload: [
-            {
-              required: true,
-              message: '单选框组不能为空',
-              trigger: 'change',
-            },
-          ],
-        },
-        aliyunRules: {
-          aliyun_regionid: [
-            {
-              required: true,
-              message: '请输入单行文本regionid',
-              trigger: 'blur',
-            },
-          ],
-          aliyun_app_id: [
-            {
-              required: true,
-              message: '请输入单行文本accessKeyId',
-              trigger: 'blur',
-            },
-          ],
-          aliyun_secret_id: [
-            {
-              required: true,
-              message: '请输入secretAccessKey',
-              trigger: 'blur',
-            },
-          ],
-          aliyun_endpoint: [
-            {
-              required: true,
-              message: 'bucket name',
-              trigger: 'blur',
-            },
-          ],
-          aliyun_bucket: [
-            {
-              required: true,
-              message: '请输入bucket name',
-              trigger: 'blur',
-            },
-          ],
-        },
-        tengxunRules: {
-          tengxun_app_id: [
-            {
-              required: true,
-              message: '请输入APP ID',
-              trigger: 'blur',
-            },
-          ],
-          tengxun_secret_id: [
-            {
-              required: true,
-              message: '请输入secretId',
-              trigger: 'blur',
-            },
-          ],
-          tengxun_secret_key: [
-            {
-              required: true,
-              message: '请输入secretKey',
-              trigger: 'blur',
-            },
-          ],
-          tengxun_region_region: [
-            {
-              required: true,
-              message: '请输入region',
-              trigger: 'blur',
-            },
-          ],
-          tengxun_endpoint: [
-            {
-              required: true,
-              message: '请输入endpoint',
-              trigger: 'blur',
-            },
-          ],
-          tengxun_default_dir: [
-            {
-              required: true,
-              message: '请输入默认上传目录',
-              trigger: 'blur',
-            },
-          ],
-          tengxun_bucket_name: [
-            {
-              required: true,
-              message: '请输入bucket_name',
-              trigger: 'blur',
-            },
-          ],
-        },
-        selfRules: {
-          self_upload_url: [
-            {
-              required: true,
-              message: '请输入服务器URL',
-              trigger: 'blur',
-            },
-          ],
-          self_upload_key: [
-            {
-              required: true,
-              message: '请输入secretId',
-              trigger: 'blur',
-            },
-          ],
-        },
-        uploadOptions: [
+      },
+      aliyunRules: {
+        aliyun_regionid: [
           {
-            label: this.__('不使用'),
-            value: '1',
+            required: true,
+            message: '请输入单行文本regionid',
+            trigger: 'blur',
           },
+        ],
+        aliyun_app_id: [
           {
-            label: this.__('阿里云'),
-            value: '2',
+            required: true,
+            message: '请输入单行文本accessKeyId',
+            trigger: 'blur',
           },
+        ],
+        aliyun_secret_id: [
           {
-            label: this.__('腾讯云'),
-            value: '4',
-          } /*
+            required: true,
+            message: '请输入secretAccessKey',
+            trigger: 'blur',
+          },
+        ],
+        aliyun_endpoint: [
+          {
+            required: true,
+            message: 'bucket name',
+            trigger: 'blur',
+          },
+        ],
+        aliyun_bucket: [
+          {
+            required: true,
+            message: '请输入bucket name',
+            trigger: 'blur',
+          },
+        ],
+      },
+      tengxunRules: {
+        tengxun_app_id: [
+          {
+            required: true,
+            message: '请输入APP ID',
+            trigger: 'blur',
+          },
+        ],
+        tengxun_secret_id: [
+          {
+            required: true,
+            message: '请输入secretId',
+            trigger: 'blur',
+          },
+        ],
+        tengxun_secret_key: [
+          {
+            required: true,
+            message: '请输入secretKey',
+            trigger: 'blur',
+          },
+        ],
+        tengxun_region_region: [
+          {
+            required: true,
+            message: '请输入region',
+            trigger: 'blur',
+          },
+        ],
+        tengxun_endpoint: [
+          {
+            required: true,
+            message: '请输入endpoint',
+            trigger: 'blur',
+          },
+        ],
+        tengxun_default_dir: [
+          {
+            required: true,
+            message: '请输入默认上传目录',
+            trigger: 'blur',
+          },
+        ],
+        tengxun_bucket_name: [
+          {
+            required: true,
+            message: '请输入bucket_name',
+            trigger: 'blur',
+          },
+        ],
+      },
+      selfRules: {
+        self_upload_url: [
+          {
+            required: true,
+            message: '请输入服务器URL',
+            trigger: 'blur',
+          },
+        ],
+        self_upload_key: [
+          {
+            required: true,
+            message: '请输入secretId',
+            trigger: 'blur',
+          },
+        ],
+      },
+      uploadOptions: [
+        {
+          label: this.__('不使用'),
+          value: '1',
+        },
+        {
+          label: this.__('阿里云'),
+          value: '2',
+        },
+        {
+          label: this.__('腾讯云'),
+          value: '4',
+        } /*
           {
             label: this.__('七牛云'),
             value: '3',
@@ -786,215 +807,215 @@
             label: this.__('自建服务器'),
             value: '5',
           },*/,
-        ],
+      ],
+    }
+  },
+  created() {
+    this.params.authorization = getToken()
+    this.fetchData()
+  },
+  methods: {
+    handleAvatarSuccess(name, res) {
+      this.uploadForm[name] = res.data.media_url
+    },
+    BeforeUpload(file) {
+      let isRightSize = file.size / 1024 / 1024 < 2
+      if (!isRightSize) {
+        this.$message.error('文件大小超过 2MB')
+      }
+      return isRightSize
+    },
+    __,
+    async fetchData() {
+      const { data } = await getList()
+      this.uploadFormInit(data)
+      if (data.upload) this.ossForm.upload = data.upload
+      this.aliyunFormInit(data)
+      this.tengxunFormInit(data)
+      this.selfFormInit(data)
+    },
+    selfFormInit(data) {
+      this.selfForm = {
+        self_upload_url: data.self_upload_url,
+        self_upload_key: data.self_upload_key,
       }
     },
-    created() {
-      this.params.authorization = getToken()
-      this.fetchData()
+    tengxunFormInit(data) {
+      this.tengxunForm = {
+        tengxun_app_id: data.tengxun_app_id,
+        tengxun_secret_id: data.tengxun_secret_id,
+        tengxun_secret_key: data.tengxun_secret_key,
+        tengxun_region_region: data.tengxun_region_region,
+        tengxun_endpoint: data.tengxun_endpoint,
+        tengxun_default_dir: data.tengxun_default_dir,
+        tengxun_bucket_name: data.tengxun_bucket_name,
+      }
     },
-    methods: {
-      handleAvatarSuccess(name, res) {
-        this.uploadForm[name] = res.data.media_url
-      },
-      BeforeUpload(file) {
-        let isRightSize = file.size / 1024 / 1024 < 2
-        if (!isRightSize) {
-          this.$message.error('文件大小超过 2MB')
-        }
-        return isRightSize
-      },
-      __,
-      async fetchData() {
-        const { data } = await getList()
-        this.uploadFormInit(data)
-        if (data.upload) this.ossForm.upload = data.upload
-        this.aliyunFormInit(data)
-        this.tengxunFormInit(data)
-        this.selfFormInit(data)
-      },
-      selfFormInit(data) {
-        this.selfForm = {
-          self_upload_url: data.self_upload_url,
-          self_upload_key: data.self_upload_key,
-        }
-      },
-      tengxunFormInit(data) {
-        this.tengxunForm = {
-          tengxun_app_id: data.tengxun_app_id,
-          tengxun_secret_id: data.tengxun_secret_id,
-          tengxun_secret_key: data.tengxun_secret_key,
-          tengxun_region_region: data.tengxun_region_region,
-          tengxun_endpoint: data.tengxun_endpoint,
-          tengxun_default_dir: data.tengxun_default_dir,
-          tengxun_bucket_name: data.tengxun_bucket_name,
-        }
-      },
-      aliyunFormInit(data) {
-        this.aliyunForm = {
-          aliyun_regionid: data.aliyun_regionid,
-          aliyun_app_id: data.aliyun_app_id,
-          aliyun_secret_id: data.aliyun_secret_id,
-          aliyun_endpoint: data.aliyun_endpoint,
-          aliyun_bucket: data.aliyun_bucket,
-        }
-      },
-      uploadFormInit(data) {
-        this.uploadForm.image_max_filesize = data.image_max_filesize
-        this.uploadForm.default_image = data.default_image
-        let that = this
-        let image = data.image_allow_ext
-        if (image) {
-          let exts = image.split(',')
-          exts.forEach((ext) => {
-            this.media_allow_exts.forEach((media_ext) => {
-              if (media_ext.value === ext) {
-                that.uploadForm.image_allow_ext.push(media_ext.key)
-              }
-            })
-          })
-        }
-        let vedio = data.vedio_allow_ext
-        if (vedio) {
-          let exts = vedio.split(',')
-          exts.forEach((ext) => {
-            this.media_allow_exts.forEach((media_ext) => {
-              if (media_ext.value === ext) {
-                that.uploadForm.vedio_allow_ext.push(media_ext.key)
-              }
-            })
-          })
-        }
-        let file = data.file_allow_ext
-        if (file) {
-          let exts = file.split(',')
-          exts.forEach((ext) => {
-            this.media_allow_exts.forEach((media_ext) => {
-              if (media_ext.value === ext) {
-                that.uploadForm.file_allow_ext.push(media_ext.key)
-              }
-            })
-          })
-        }
-      },
-      uploadEdit() {
-        this.$refs['uploadForm'].validate(async (valid) => {
-          if (valid) {
-            let uploadForm = Object.assign({}, this.uploadForm)
-            uploadForm.image_allow_ext = this.handleMediaAllowExt(
-              this.uploadForm.image_allow_ext
-            )
-            uploadForm.vedio_allow_ext = this.handleMediaAllowExt(
-              this.uploadForm.vedio_allow_ext
-            )
-            uploadForm.file_allow_ext = this.handleMediaAllowExt(
-              this.uploadForm.file_allow_ext
-            )
-            const { msg, status } = await doEdit({
-              param: JSON.stringify(uploadForm),
-            })
-
-            if (status == 200) {
-              this.$baseMessage(msg, 'success')
-            } else {
-              this.$baseMessage(msg, 'error')
-            }
-          } else {
-            return false
-          }
-        })
-      },
-      handleMediaAllowExt(selectedExtKeys) {
-        let exts = []
-        let mediaAllowExts = this.media_allow_exts
-        selectedExtKeys.forEach((key) => {
-          exts.push(mediaAllowExts[key].value)
-        })
-        return exts.toString()
-      },
-      ossEdit() {
-        this.$refs['ossForm'].validate(async (valid) => {
-          if (valid) {
-            const { msg, status } = await doEdit({
-              param: JSON.stringify(this.ossForm),
-            })
-
-            if (status == 200) {
-              this.$baseMessage(msg, 'success')
-            } else {
-              this.$baseMessage(msg, 'error')
-            }
-          } else {
-            return false
-          }
-        })
-      },
-      aliyunEdit() {
-        this.$refs['aliyunForm'].validate(async (valid) => {
-          if (valid) {
-            const { msg, status } = await doEdit({
-              param: JSON.stringify(this.aliyunForm),
-            })
-
-            if (status == 200) {
-              this.$baseMessage(msg, 'success')
-            } else {
-              this.$baseMessage(msg, 'error')
-            }
-          } else {
-            return false
-          }
-        })
-      },
-      tengxunEdit() {
-        this.$refs['tengxunForm'].validate(async (valid) => {
-          if (valid) {
-            const { msg, status } = await doEdit({
-              param: JSON.stringify(this.tengxunForm),
-            })
-
-            if (status == 200) {
-              this.$baseMessage(msg, 'success')
-            } else {
-              this.$baseMessage(msg, 'error')
-            }
-          } else {
-            return false
-          }
-        })
-      },
-      selfEdit() {
-        this.$refs['selfForm'].validate(async (valid) => {
-          if (valid) {
-            const { msg, status } = await doEdit({
-              param: JSON.stringify(this.selfForm),
-            })
-
-            if (status == 200) {
-              this.$baseMessage(msg, 'success')
-            } else {
-              this.$baseMessage(msg, 'error')
-            }
-          } else {
-            return false
-          }
-        })
-      },
+    aliyunFormInit(data) {
+      this.aliyunForm = {
+        aliyun_regionid: data.aliyun_regionid,
+        aliyun_app_id: data.aliyun_app_id,
+        aliyun_secret_id: data.aliyun_secret_id,
+        aliyun_endpoint: data.aliyun_endpoint,
+        aliyun_bucket: data.aliyun_bucket,
+      }
     },
-  }
+    uploadFormInit(data) {
+      this.uploadForm.image_max_filesize = data.image_max_filesize
+      this.uploadForm.default_image = data.default_image
+      let that = this
+      let image = data.image_allow_ext
+      if (image) {
+        let exts = image.split(',')
+        exts.forEach((ext) => {
+          this.media_allow_exts.forEach((media_ext) => {
+            if (media_ext.value === ext) {
+              that.uploadForm.image_allow_ext.push(media_ext.key)
+            }
+          })
+        })
+      }
+      let vedio = data.vedio_allow_ext
+      if (vedio) {
+        let exts = vedio.split(',')
+        exts.forEach((ext) => {
+          this.media_allow_exts.forEach((media_ext) => {
+            if (media_ext.value === ext) {
+              that.uploadForm.vedio_allow_ext.push(media_ext.key)
+            }
+          })
+        })
+      }
+      let file = data.file_allow_ext
+      if (file) {
+        let exts = file.split(',')
+        exts.forEach((ext) => {
+          this.media_allow_exts.forEach((media_ext) => {
+            if (media_ext.value === ext) {
+              that.uploadForm.file_allow_ext.push(media_ext.key)
+            }
+          })
+        })
+      }
+    },
+    uploadEdit() {
+      this.$refs['uploadForm'].validate(async (valid) => {
+        if (valid) {
+          let uploadForm = Object.assign({}, this.uploadForm)
+          uploadForm.image_allow_ext = this.handleMediaAllowExt(
+            this.uploadForm.image_allow_ext
+          )
+          uploadForm.vedio_allow_ext = this.handleMediaAllowExt(
+            this.uploadForm.vedio_allow_ext
+          )
+          uploadForm.file_allow_ext = this.handleMediaAllowExt(
+            this.uploadForm.file_allow_ext
+          )
+          const { msg, status } = await doEdit({
+            param: JSON.stringify(uploadForm),
+          })
+
+          if (status == 200) {
+            this.$baseMessage(msg, 'success')
+          } else {
+            this.$baseMessage(msg, 'error')
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    handleMediaAllowExt(selectedExtKeys) {
+      let exts = []
+      let mediaAllowExts = this.media_allow_exts
+      selectedExtKeys.forEach((key) => {
+        exts.push(mediaAllowExts[key].value)
+      })
+      return exts.toString()
+    },
+    ossEdit() {
+      this.$refs['ossForm'].validate(async (valid) => {
+        if (valid) {
+          const { msg, status } = await doEdit({
+            param: JSON.stringify(this.ossForm),
+          })
+
+          if (status == 200) {
+            this.$baseMessage(msg, 'success')
+          } else {
+            this.$baseMessage(msg, 'error')
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    aliyunEdit() {
+      this.$refs['aliyunForm'].validate(async (valid) => {
+        if (valid) {
+          const { msg, status } = await doEdit({
+            param: JSON.stringify(this.aliyunForm),
+          })
+
+          if (status == 200) {
+            this.$baseMessage(msg, 'success')
+          } else {
+            this.$baseMessage(msg, 'error')
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    tengxunEdit() {
+      this.$refs['tengxunForm'].validate(async (valid) => {
+        if (valid) {
+          const { msg, status } = await doEdit({
+            param: JSON.stringify(this.tengxunForm),
+          })
+
+          if (status == 200) {
+            this.$baseMessage(msg, 'success')
+          } else {
+            this.$baseMessage(msg, 'error')
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    selfEdit() {
+      this.$refs['selfForm'].validate(async (valid) => {
+        if (valid) {
+          const { msg, status } = await doEdit({
+            param: JSON.stringify(this.selfForm),
+          })
+
+          if (status == 200) {
+            this.$baseMessage(msg, 'success')
+          } else {
+            this.$baseMessage(msg, 'error')
+          }
+        } else {
+          return false
+        }
+      })
+    },
+  },
+}
 </script>
 <style>
-  .avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    width: 255px;
-    height: 256px;
-    line-height: 256px;
-    text-align: center;
-  }
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 255px;
+  height: 256px;
+  line-height: 256px;
+  text-align: center;
+}
 
-  .image_font {
-    color: #979898;
-    font-size: 14px;
-  }
+.image_font {
+  color: #979898;
+  font-size: 14px;
+}
 </style>