<template>
	<el-row type="flex" justify="center">
		<el-col :span="24">
		<el-form-item label="内容" prop="content" class="editor">
			<TinyMceEditor
			v-model:content-value="createForm.content"
			:disabled="false"
			></TinyMceEditor>
		</el-form-item>
		</el-col>
	</el-row>
</template>
<script setup lang="ts">
import TinyMceEditor from "@/pages/laravel-fast-api/v1/components/element/Editor/Tinymce/TinyMceEditor.vue";
</script>
<style lang="scss" scoped>

.editor :deep(.el-form-item__content) {
  width: 100%;
  min-width: 40rem;
  max-width: 100rem;
  height: auto;
}
</style>

<template>
	<el-row type="flex" justify="center">
        <el-col :span="12">
          	<el-form-item label="店铺地区" prop="region_cascader_array">
				<SelectRegion v-model:region-id-array="createForm.region_cascader_array" :multiple="false"></SelectRegion>
			</el-form-item>
        </el-col>
      </el-row>
</template>
<script setup lang="ts">
//公共组件
import SelectRegion from "@/pages/laravel-fast-api/v1/components/element/Address/SelectRegion.vue"
</script>

<template>
	<UploadSinglePicture 
	:upload-data="{type:null, use_type:20, file_type: '', save_path: 'picture'}"
	type="image"
	show-content="轮播图片"
	:is-show-button="true"
	v-model:upload-picture-uid="createForm.album_picture_uid"
	v-model:upload-picture-url="uploadPicutreUrl"
	/>
</template>
<script setup lang="ts">
//公共组件
import UploadSinglePicture from "@/pages/laravel-fast-api/v1/components/element/Upload/UploadPicture/UplaodSinglePicture.vue"

//上传图片回显
const uploadPicutreUrl = ref("");
</script>

<template>
  <YhCardItem>
	<template #item-content>
		<el-tag>现金账户</el-tag>
		<el-row :gutter="10">
		<el-col :span="8" style="text-align: center">
			<el-statistic
			title="可用余额"
			:value="Number(userCashAssets.available_cash_amount)"
			/>
		</el-col>
		<el-col :span="8" style="text-align: center">
			<el-statistic
			title="冻结金额"
			:value="Number(userCashAssets.freeze_cash_amount)"
			/>
		</el-col>
		<el-col :span="8" style="text-align: center">
			<el-row :gutter="10">
			<el-tag type="info" style="margin-right: 10px">账户状态:</el-tag>
			<el-tag v-if="userCashAssets.account_status" type="success">正常</el-tag>
			<el-tag v-else type="danger">冻结</el-tag>
			</el-row>
		</el-col>
		</el-row>
	</template>
 </YhCardItem>
</template>
<script setup lang="ts">
import YhCardItem from "@/pages/laravel-fast-api/v1/components/element/Card/CardList/CardItem.vue";
</script>

<template>
	<el-row type="flex" justify="center">
        <el-col :span="24">
          <el-form-item label="开户银行" prop="bank_id">
            <SelectBank v-model:select-bank-id="createForm.bank_id"></SelectBank>
          </el-form-item>
        </el-col>
    </el-row>
</template>
<script setup lang="ts">
//公共组件
import SelectBank from "@/pages/laravel-fast-api/v1/components/element/Bank/SelectBank.vue";
</script>

<template>
	<el-row type="flex" justify="center">
        <el-col :span="12">
          <el-form-item label="选择用户" prop="user_uid">
            <SelectUser v-model:select-user-uid="createForm.user_uid"></SelectUser>
          </el-form-item>
        </el-col>
      </el-row>
</template>
<script setup lang="ts">
//公共组件
import SelectUser from "@/pages/laravel-fast-api/v1/components/element/User/SelectUser.vue";
</script>