package util

const ViewTemplate = "<template>" +
	"\n  <div class=\"back-form-container\">" +
	"\n    <div class=\"back-table-handler\">" +
	"\n      <el-row :gutter=\"10\" class=\"mb8\">" +
	"\n        <el-col :span=\"1.5\">" +
	"\n          <el-button" +
	"\n              type=\"primary\"" +
	"\n              plain size=\"small\"" +
	"\n              @click=\"openDialog('save', DictType.Create())\">" +
	"\n            <el-icon>" +
	"\n              <Plus/>" +
	"\n            </el-icon>" +
	"\n            <span>新增</span>" +
	"\n          </el-button>" +
	"\n        </el-col>" +
	"\n        <el-col :span=\"1.5\">" +
	"\n          <el-button" +
	"\n              type=\"danger\"" +
	"\n              plain size=\"small\"" +
	"\n              @click=\"deleteByIds()\">" +
	"\n            <el-icon>" +
	"\n              <Delete/>" +
	"\n            </el-icon>" +
	"\n            <span>删除</span>" +
	"\n          </el-button>" +
	"\n        </el-col>" +
	"\n      </el-row>" +
	"\n    </div>" +
	"\n    <div class=\"back-table\">" +
	"\n      <el-table v-loading=\"listLoading\" :data=\"list\" @selection-change=\"selected\" border>" +
	"\n        <el-table-column type=\"selection\" width=\"40\" align=\"center\"/>" +
	"\n        <el-table-column label=\"字典编号\" align=\"center\" prop=\"id\" width=\"85\"/>" +
	"\n        <el-table-column label=\"字典名称\" align=\"center\" prop=\"dictName\"/>" +
	"\n        <el-table-column label=\"字典类型\" align=\"center\" prop=\"dictType\">" +
	"\n          <template #default=\"scope\">" +
	"\n            <router-link :to=\"'/back/dictData/' + scope.row.dictType\" class=\"link-type\">" +
	"\n              <span>{{ scope.row.dictType }}</span>" +
	"\n            </router-link>" +
	"\n          </template>" +
	"\n        </el-table-column>" +
	"\n        <el-table-column label=\"字典状态\" align=\"center\" prop=\"status\">" +
	"\n          <template #default=\"scope\">" +
	"\n            <el-tag v-if=\"scope.row.status === '1'\" type=\"success\">" +
	"\n              启用" +
	"\n            </el-tag>" +
	"\n            <el-tag v-if=\"scope.row.status === '0'\" type=\"danger\">" +
	"\n              停用" +
	"\n            </el-tag>" +
	"\n          </template>" +
	"\n        </el-table-column>" +
	"\n        <el-table-column label=\"备注\" align=\"center\" prop=\"remark\"/>" +
	"\n        <el-table-column label=\"操作\" align=\"center\" fixed=\"right\">" +
	"\n          <template #default=\"scope\">" +
	"\n            <el-button link type=\"primary\" @click=\"openDialog('update',scope.row)\">修改</el-button>" +
	"\n            <el-button link type=\"danger\" @click=\"deleteById(scope.row.id)\">删除</el-button>" +
	"\n          </template>" +
	"\n        </el-table-column>" +
	"\n      </el-table>" +
	"\n      <div class=\"pagination-container\">" +
	"\n        <el-pagination" +
	"\n            background" +
	"\n            :current-page=\"pageNum\"" +
	"\n            :page-size=\"pageSize\"" +
	"\n            :page-sizes=\"[10, 20, 30, 50,100]\"" +
	"\n            layout=\"total, sizes, prev, pager, next\"" +
	"\n            :total=\"total\"" +
	"\n            @size-change=\"SetPageSized\"" +
	"\n        />" +
	"\n      </div>" +
	"\n      <!-- 添加或修改参数配置对话框 -->" +
	"\n      <el-dialog :title=\"dialogType=='update'?'更改字典类型':'新增字典类型'\" v-model=\"open\" width=\"500px\"" +
	"\n                 append-to-body>" +
	"\n        <el-form ref=\"dictRef\" :model=\"dialogForm\" label-width=\"80px\"><!--:rules=\"rules\"-->" +
	"\n          <el-form-item label=\"字典名称\" prop=\"dictName\">" +
	"\n            <el-input v-model=\"dialogForm.dictName\" placeholder=\"请输入字典名称\"/>" +
	"\n          </el-form-item>" +
	"\n          <el-form-item label=\"字典类型\" prop=\"dictType\">" +
	"\n            <el-input v-model=\"dialogForm.dictType\" placeholder=\"请输入字典类型\"/>" +
	"\n          </el-form-item>" +
	"\n          <el-form-item label=\"状态\" prop=\"status\">" +
	"\n            <el-radio-group v-model=\"dialogForm.status\">" +
	"\n              <template v-for=\"(item,index) in store.state.dicts.get('sys_state')\" :key=\"index\">" +
	"\n                <el-radio :label=\"item.dictValue\">" +
	"\n                  {{ item.dictLabel }}" +
	"\n                </el-radio>" +
	"\n              </template>" +
	"\n              <!--              <el-radio-->" +
	"\n              <!--                  :key=\"'1'\"-->" +
	"\n              <!--                  :label=\"'启用'\"-->" +
	"\n              <!--              >启用-->" +
	"\n              <!--              </el-radio>-->" +
	"\n              <!--              <el-radio-->" +
	"\n              <!--                  :key=\"'0'\"-->" +
	"\n              <!--                  :label=\"'停用'\"-->" +
	"\n              <!--              >停用-->" +
	"\n              <!--              </el-radio>-->" +
	"\n            </el-radio-group>" +
	"\n          </el-form-item>" +
	"\n          <el-form-item label=\"备注\" prop=\"remark\">" +
	"\n            <el-input v-model=\"dialogForm.remark\" type=\"textarea\" placeholder=\"请输入内容\"></el-input>" +
	"\n          </el-form-item>" +
	"\n        </el-form>" +
	"\n        <template #footer>" +
	"\n          <div class=\"dialog-footer\">" +
	"\n            <el-button type=\"primary\" @click=\"submitForm()\">确 定</el-button>" +
	"\n            <el-button @click=\"open=false\">取 消</el-button>" +
	"\n          </div>" +
	"\n        </template>" +
	"\n      </el-dialog>" +
	"\n    </div>" +
	"\n  </div>" +
	"\n</template>" +
	"\n" +
	"\n<script setup lang=\"ts\">" +
	"\nimport {ref} from \"vue\";" +
	"\nimport {" +
	"\n  DeleteBaseDictTypeById," +
	"\n  DictType," +
	"\n  GetBaseDictTypeListByDictType," +
	"\n  SaveBaseDictType," +
	"\n  UpdateBaseDictType" +
	"\n} from \"../../../api/back/BaseBackApi.ts\";" +
	"\nimport {ElMessage} from \"element-plus\";" +
	"\nimport {Delete, Plus} from \"@element-plus/icons-vue\";" +
	"\nimport {store} from \"../../../state/TokenState.ts\";" +
	"\n" +
	"\nlet listLoading = ref(true)" +
	"\n" +
	"\nlet total = ref(0)" +
	"\nlet pageNum = ref(1)" +
	"\nlet pageSize = ref(10)" +
	"\n" +
	"\nlet list = ref<DictType[]>([])" +
	"\n//搜索用" +
	"\nlet search = ref<DictType>(DictType.Create())" +
	"\n//修改，添加用" +
	"\nlet open = ref(false)" +
	"\nlet dialogType = ref(\"\")//save添加，update修改" +
	"\nlet dialogForm = ref<DictType>(null)" +
	"\n" +
	"\nlet selectItems = ref<DictType[]>([])" +
	"\nconst selected = (arr: DictType[]) => {" +
	"\n  selectItems.value = arr" +
	"\n}" +
	"\n" +
	"\ngetList()" +
	"\nconst SetPageSized = (val: number) => {" +
	"\n  pageSize.value = val" +
	"\n  getList(pageNum.value)" +
	"\n}" +
	"\n" +
	"\nfunction openDialog(type: string, row: DictType) {" +
	"\n  open.value = true" +
	"\n  dialogType.value = type" +
	"\n  //深拷贝，不会影响数据" +
	"\n  dialogForm.value = JSON.parse(JSON.stringify(row))" +
	"\n" +
	"\n}" +
	"\n" +
	"\nfunction deleteByIds() {" +
	"\n  for (let i = 0; i < selectItems.value.length; i++) {" +
	"\n    deleteById(selectItems[i].id)" +
	"\n  }" +
	"\n}" +
	"\n" +
	"\nfunction deleteById(id) {" +
	"\n  DeleteBaseDictTypeById(id).then(response => {" +
	"\n    if (response.code == 200) {" +
	"\n      ElMessage.success(\"删除成功,id:\" + id)" +
	"\n      getList()" +
	"\n    } else {" +
	"\n      ElMessage.error(\"删除失败,id:\" + id)" +
	"\n    }" +
	"\n  })" +
	"\n}" +
	"\n" +
	"\nfunction getList(pn = 1) {" +
	"\n  pageNum.value = pn" +
	"\n  GetBaseDictTypeListByDictType(search.value, pageNum.value, pageSize.value).then(response => {" +
	"\n    let data = response.data" +
	"\n    total.value = data.total" +
	"\n    list.value = response.data.list" +
	"\n    listLoading.value = false" +
	"\n  })" +
	"\n}" +
	"\n" +
	"\nfunction submitForm() {" +
	"\n  switch (dialogType.value) {" +
	"\n    case \"update\":" +
	"\n      UpdateBaseDictType(dialogForm.value, dialogForm.value.id).then(response => {" +
	"\n        if (response.code == 200) {" +
	"\n          open.value = false" +
	"\n          getList()" +
	"\n          ElMessage.success(\"修改成功\")" +
	"\n        } else {" +
	"\n          ElMessage.error(\"修改失败\")" +
	"\n        }" +
	"\n      })" +
	"\n      break" +
	"\n    case \"save\":" +
	"\n      SaveBaseDictType(dialogForm.value).then(response => {" +
	"\n        if (response.code == 200) {" +
	"\n          open.value = false" +
	"\n          getList()" +
	"\n          ElMessage.success(\"添加成功\")" +
	"\n        } else {" +
	"\n          ElMessage.error(\"修改失败\")" +
	"\n        }" +
	"\n      })" +
	"\n      break" +
	"\n    default:" +
	"\n      break" +
	"\n  }" +
	"\n}" +
	"\n</script>"